css - 使用 Bootstrap 混合容器和容器流体

Question

我想为所有 xs、sm 和 md 屏幕显示我的固定站点，但对于 lg 屏幕，我希望我的站点流畅。从 bootstrap grid ssytem 我发现我可以使用 .container 类来固定宽度或使用 .container-fluid 来处理流体。那么如何针对不同的屏幕定位不同的容器呢？

Answer 1

您可以像这样使用 CSS 媒体查询在最小的屏幕上指定特定(固定)宽度。对于 Bootstrap，xs 的阈值是 768 像素..

@media (max-width: 768px) {
  .container-fluid {
    width:760px; /* set fixed width */
  }
}

http://www.bootply.com/131026