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前提下寬度總是當前視口的寬度。