在带有引导程序的平板电脑上从容器更改为容器级别

Question

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

我是否需要使用@media - 对此进行查询并更改container类？

什么是最佳做法？

Answer 1

.container和.container-fluid之间的唯一区别是.container有明确的width，由@media次查询设置。

因此，您可以使用width: auto查询在特定屏幕尺寸上按@media覆盖它。

<强> Example Here

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