css - 使用 Bootstrap 在平板电脑上从容器更改为容器流体类

Question

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

我是否需要为此使用 @media 查询并更改 container 类？

什么是最佳实践？

Answer 1

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

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

Example Here

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