官方文档:http://v3.bootcss.com/,分3块:全局CSS样式,组件,JAVASCRIPT插件。
栅格的使用
1,可以通过xs,sm,md,lg为不同的屏幕设置不同的展现规则。
2,如果遇到因为个别column过高,导致浮动卡住,可以缩放窗口直到发现异常,然后观察chrome f12里当前生效的是xs,sm…中的哪一个css,从而在html对应的column后面添加清除浮动的div,其中clearfix类是用来clear:both清理浮动的,而visible-xx-block/inline/inline-block是用于在不同屏幕下决定元素是否显示的class,从而实现在不同屏幕下展示不同的内容。
组件的使用
1,很多属性都不知道用意,这个可以自己在浏览器里调试一下,看看到底是干嘛的,比如class=”dropdown”其实是提供一个容器,里面可以装若干下拉的元素,而class=”dropdown-toggle”是用于bootstrap做js效果的,并不是必需品。
2,组件本身都是静态的,可以用boostrap.js的一些能力实现和部分组件的互动,bootstrap自己制定了一些组件的事件,这是通过jquery的trigger函数触发的,我看了一下主要是模态框大量使用了js。
我的看法
如果做响应式站,真的可以考虑用bs的栅格系统,还是很灵活的。
组件可以根据网站需求,决定部分采用或者完全不用,毕竟风格和灵活性都有限制。
如果文章帮助您解决了工作难题,您可以帮我点击屏幕上的任意广告,或者赞助少量费用来支持我的持续创作,谢谢~
