Bootstrap-容器置中

1.在学切版container也学过margin上下0左右auto,再设容器的宽度。
2.在bootstrap.css的container与container-fluid的CSS部分都为：

    width: 100%;    padding-right: 15px;    padding-left: 15px;    margin-right: auto;    margin-left: auto;

3.两个差异在于container-fluid宽度怎么缩小就是padding左右都为15、margin左右为0
但是container就不一样了，加了响应式断点(如下)会依据宽度如大于768px(也就是最小768px)则设定宽度最大为720px但是720px是包括padding左右15px宽度为690px，另外margin设为auto，由于响应式断点外面会额外出现左右margin随着宽度而变化。

4.小弟是看官网后去看bootstrap.css，来做这个判断，如有错误前辈可留言纠正，甘恩。

@media (min-width: 576px) {  .container {    max-width: 540px;  }}@media (min-width: 768px) {  .container {    max-width: 720px;  }}@media (min-width: 992px) {  .container {    max-width: 960px;  }}@media (min-width: 1200px) {  .container {    max-width: 1140px;  }}

印象中!important好像是为具有优先权的意思

.container {    min-width: 992px !important;  }

container

<div class="container">  <h1>container</h1>  Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga, rem eaque. Cum quibusdam sit ut saepe autem sunt cupiditate, doloremque tempore nostrum at aperiam corporis dolores mollitia quidem corrupti nihil!</div><br>

container-fluid

<div class="container-fluid">  <h1>container-fluid</h1>  Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga, rem eaque. Cum quibusdam sit ut saepe autem sunt cupiditate, doloremque tempore nostrum at aperiam corporis dolores mollitia quidem corrupti nihil!</div><br>

codepen
参考：六角学院bootstrap官网