Bootstrap布局

开发工具与关键技术：Visual Studio 

作者：胡宁淇

撰写时间：2019年5月24日

我们要使用bootstrap布局第一件事就是引用bootstrap.min.css文件，如下图所示

Bootstrap.min.css文件是通过class进行调用，使用bootstrap布局首先要给它一个容器，在bootstrap中有两种容器，一种是container，一种是container-fluid，这两种容器是使用bootstrap布局必不可少的条件，container和container-fluid的区别在于如下图。Container没被嵌套在最外层在浏览器中的显示效果是居中显示。

container-fluid可以使div宽度扩展到整个宽度（如果没有被其它CSS容器包含，则应是浏览器运行时的宽度，否则应是父容器中允许的最大宽度，一般视为100%宽度）。

在容器里面我们使用的是栅格布局，也叫做行列布局，这里面我们用到做多的类就是row和col，row是行，col是列。Bootstrap包含了一个强大的移动优先的网格系统，它是