BootStrap
靳小霞
分享是快乐的
展开
-
BootStrap之表格和按钮
-表格:table table-striped 一行隔一行加单色背景效果 table-bordered 给表格添加边框 table-hover 鼠标悬停在表格上实现背景效果<table class="table table-striped table-bordered table-hover"><tr><td>1</td><td>1</td></tr><td>2</td><t原创 2016-07-15 10:14:26 · 1618 阅读 · 0 评论 -
bootstrap之Tab选项卡
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Tab选项卡</title> <!--引用相应的CSS和JQ插件--> <link href="dist/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="d原创 2016-08-10 16:19:29 · 3656 阅读 · 0 评论 -
Bootstrap之下拉菜单dropdown
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Dropdown</title> <!--引用相应的CSS和JQ插件--> <link href="dist/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href=原创 2016-08-10 16:45:22 · 3205 阅读 · 0 评论 -
Bootstrap使用Tab和dropdown实现导航下拉菜单效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Dropdown</title> <!--引用相应的CSS和JQ插件--> <link href="dist/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href=原创 2016-08-10 17:06:44 · 3457 阅读 · 0 评论 -
Bootstrap之轮播 carousel
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>轮播</title> <!--引用相应的CSS和JQ插件--> <link href="dist/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="dist/原创 2016-08-11 09:38:29 · 3479 阅读 · 0 评论 -
Form表单里的BUTTON的type='submit'和'button'的区别
1.submit 用于提交表单时 使用 onsubmit=”“<form class="form-horizontal" onsubmit="checkform()"> <div class="control-group"> <label class="control-label" for="inputEmail">Email</label> <div c原创 2016-08-14 10:29:53 · 2373 阅读 · 0 评论 -
masonry 瀑布流布局滑动到底部加载更多
<!DOCTYPE html> <html> <meta charset="utf-8"/> <title>瀑布流动画效果</title> <head> <style> #Books{ width: 500px; height: auto原创 2016-09-27 15:46:50 · 4419 阅读 · 1 评论 -
checkbox 之只选中一个时 ,不勾选问题
在有些查询传值问题时需要勾选,有些人一直问为什么不用rediobutton,而用checkbox,这是为了解决,不选择时,传空,而查询时,rediobutton是必须选择一个的,我们需要传空值,而不要必须传默认值 1.html<div style="margin-bottom: 20px;margin-top: 20px"> <form action="" method="post">原创 2016-12-01 15:40:20 · 6002 阅读 · 0 评论 -
daterangepicker 问题
1.如果希望格式化时间为12小时制的,则使用hh:mm:ss;而如果希望格式化时间为24小时制的,则使用HH:mm:ss;2.htm <span class="add-on input-group-addon-inline" style="width: 10px"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i> </span>原创 2016-12-06 10:52:39 · 2227 阅读 · 0 评论