bootstrap 学习笔记

1、响应类

　　当屏幕大于768px时, .dl-horizontal才具有水平定义列表效果。

　　当屏幕大于768px时, .nav-justified是自适应水平导航。小于时，为竖直导航。

2、当存在固定导航条时，可以给body设置上或下内边距来避免内容被遮挡。固定导航条默认高度为50px。

3、添加disabled属性可以禁止元素的默认行为，添加disable类不会禁止元素默认行为。

4、等分按钮尽量使用<a>标签，因为<button>元素使用display:table在部分浏览器下支持不友好。

5、bootstrap中js插件： 

　　1、模态弹出框：固定定位、居中显示。 可以使用声明式触发方法：data-toggle和data-target。也可以使用javascript来触发。

　　　　（show\shown\hide\hiden）.bs.modal事件分别在模态框弹出前、后，关闭前、后调用。

　　2、下拉菜单：根据官网，使用js控制下拉菜单的显示与隐藏不能删掉 按钮的data-toggle="dropdown"属性。因此下拉菜单的js调用可有可无。

6、bootstrap中声明式触发方法一般依赖于自定义的data-xxx 属性。比如data-toggle="" 或者 data-dismiss=""。