用引导带从容器到容器-片剂上的flud类

Question

我目前正在我的项目中使用container，并且希望找到一种很好的方法将其更改为container-fluid，或者至少在在平板电脑上访问站点时更改类似于container-fluid的宽度，以便使用设备的宽度而不是缩小它。

我是否需要为此使用@media-queries并修改container类？

什么是最佳实践？

Answer 1

.container和.container-fluid之间唯一的区别是.container有一个由@media查询设置的显式width。

因此，您可以通过width: auto在特定屏幕大小上使用@media查询覆盖它。

这里的例子

/* Small devices (tablets, 768px and down) */
@media (max-width: 768px) {
    .container { width: auto; }
}