-
<label class=""sr-only></label>样式将该标签隐藏了。
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
}
sr就是screen reader，盲人看不见页面的效果（placeholder里的文字），sr会把里面的文字念出来，这样就知道后面要输的是用户名还是密码了。
可以这样记忆吗：伤s残人r士专用only。。。。
查看全部 -
role是一个html5的属性，role="form"告诉辅助设备（如屏幕阅读器）这个元素所扮演的角色是个表单，在button中role="button"就是告诉设备，这是个按钮，可以点击。本质上是增强语义性，增强组件的可访问性、可用性和可交
查看全部 -
1.实现普通下拉菜单：.dropdown>button.dropdown-toggle[data-toggle="dropdown"]+ul.dropdown-menu;
2.按钮下拉菜单：把.dropdown换成.btn-group即可。
3.下拉菜单变上拉菜单：.dropdown.dropup或.btn-group.dropup
4.下拉菜单通过绝对定位实现，可通过设置top,bottom,left,right改变下拉菜单出现的位置。
5.dropdown-header,li.divider,li.active,li.disabled查看全部 -
.btn-group 元素是内联元素
.dropdown 元素是块状元素查看全部 -
btn-toolbar
是
btn-group
的集合
查看全部 -
role的作用也是为了为了照顾残障人士,role是为了给一些特定的浏览工具，比如盲文浏览工具识别
查看全部 -
btn-default等按钮模式。
查看全部 -
aria-labelledby作用是可以阅读所选区域的文字。理解为屏幕阅读作用。。http://www.jb51.net/article/77424.htm
查看全部 -
本节的"下拉菜单"和"表单控件<select>"的不同啊！"<select>"会自动随着"<form>"传送数据！
查看全部 -
<meta name="viewport" content="width=device-width,initial-scale=1">
适配移动端一般得写这句；（宽度等于设备宽度；缩放比例为1，即不缩放）
查看全部 -
bootstrap的js插件依赖于jQuery；所以jQuery要在bootstrap之前引入
查看全部 -
[class *= col-] 的意思：
class 属性值包含 "col-" 的所有元素。就是CSS3 [attribute*=value] 选择器
查看全部 -
这个排序不是教程所说的浮动，而是结合col-md- 下的position:relative;然后再根据pull的right值，push的left值进行改变位置的；col-md-offset- 是根据margin-left 属性实现的，不能结合col-md- 下的position:relative;改变自身的相对位置，两个是有区别的
查看全部 -
h1~h3的margin-top为20px；h4-h6的margin-top为10px;margin-bottom都是10px
定义了6个类名。h1 h2 h3 h4 h5 h6
分别是36px .30px,24px,18px,14px;12px;
查看全部 -
bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码：
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
查看全部
举报