Bootstrap学习三--布局组件

1、bootstrap中container类和container-fluid类的区别：
container类源码：
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
container-fluid类源码：
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
实验：
container-fluid类：

container类：

由此可见，container类是根据媒体查询以后定义的宽度，会实现自适应，但是container-fluid并不会查询，因此默认宽度为100%。通过实验可以看到，container类的margin是存在的，同时它的自适应也是margin调节完成的，但是container-fluid类的百分百宽度是指在固有的15px的padding前提下宽度总是当前视口的宽度。