官方文档：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的栅格系统，还是很灵活的。

组件可以根据网站需求，决定部分采用或者完全不用，毕竟风格和灵活性都有限制。

如果文章帮助您解决了工作难题，您可以帮我点击屏幕上的任意广告，或者赞助少量费用来支持我的持续创作，谢谢~