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 */
  }
}