Question

您好我在bootstrap 3中创建了一个模板。在我计划对所有设备做出响应之前，我现在改变了主意。模板已经完成。

我在每一行都使用过col-md。现在我希望如果页面小于1100px页面应该scroll-x。我想禁用完整的col-sm和col-xs，

我已经删除了meta。

但是当页面宽度小于1100px时，它会打破col-sm然后col-xs。我想要页面1100px的最小宽度。没有什么设备在浏览它。

谢谢

Answer 1

创建您自己的Bootstrap CSS并根据自己的喜好更改媒体查询断点。

http://getbootstrap.com/customize/#media-queries-breakpoints

否定，无法链接CDN。
积极的，不写额外的代码。

Answer 2

如果你的网络上有一个本地的boostrap副本，一种方法是修改控制col-md开始的大小的媒体查询的宽度，例如：

@media (min-width: 300px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
....
}

这是一种快速的方法，无论如何最好定制自己的增强剂。

如何在bootstrap 3中禁用col-sm和col-xs。

2 个答案: