.container 与.container-fluid的区别

为什么80%的码农都做不了架构师？>>>   

从下面的代码可以看出两者的区别：

@media (min-width: 568px) {
  .container {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

根据见面的视窗大小，container给div指定了固定的宽度，如果当前视窗是1000px(>992px),因而它限定的宽度就是970px，当视窗宽度增加直到1200px时，它限定的宽度会跳到1170px。

而类似的限制没有应用在container-fluid上，因此它的宽度是随着视窗改变而改变的。

转载于:https://my.oschina.net/sqzy/blog/395079