bootstrap框架之栅格布局

bootstrap框架之栅格布局

1、使用bootstrap的框架时，CSS样式引用错误但浏览器不会检查出错误，所以可以使用一个bootlint工具。

要加入文档，只需加入以下代码：

javascript:(function(){var s=document.createElement("script");s.onload=function(){bootlint.showLintReportForCurrentDocument([]);};s.src="https://maxcdn.bootstrapcdn.com/bootlint/latest/bootlint.min.js";document.body.appendChild(s)})();

2、bootstrap表格的一些样式

3、bootstrap栅格布局主要有两个类。.container和.container-fluid

container类：（1）宽度做了媒体查询。

                       （2）添加了前置后置内容生成，防止子元素的越界，以及浮动造成的影响。（：before：after）

container-fluid类：（1）宽度一直是width:auto;

                       （2）添加了前置后置内容生成，防止子元素的越界，以及浮动造成的影响。（：before：after）

container类一共12列。

其他特点：

4、：before：after的具体使用