我目前正在我的元素中使用 container
并且想找到一种将其更改为 container-fluid
或至少更改类似于 的宽度的好方法>container-fluid
当在平板电脑上访问网站时,为了使用设备的宽度而不是缩小它。
我是否需要为此使用 @media
查询并更改 container
类?
什么是最佳实践?
最佳答案
.container
和 .container-fluid
之间的唯一区别是 .container
有明确的宽度
由 @media
查询设置。
因此,您可以使用 @media
查询在特定屏幕尺寸上通过 width: auto
覆盖它。
/* Small devices (tablets, 768px and down) */
@media (max-width: 768px) {
.container { width: auto; }
}
关于css - 使用 Bootstrap 在平板电脑上从容器更改为容器流体类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26335909/