Bootstrap 3删除中间两个断点



是否可以在Bootstrap 3中删除中间两个断点,并以视觉上的浏览器"缩放/缩小/收缩"页面,因此在这些断点中,您不必向左或向右滚动查看页面?

基本上,我有一个我想响应迅速的设计,但只能对小断点和大断点进行响应,但是我不希望观众必须向左或向右滚动以查看所有内容。

这是我正在处理的示例,这是行不通的。我已经在iPad上进行了测试,我必须左右滚动以查看内容:http://matthewtbrown.com/test/myprojects.html

刚刚通过Developer Tools检查了您的代码,您正在使用container-fluid用于父容器。

使用container-fluid时,您应该使用row-fluid而不是row

使用containerrow-fluid使用container-fluid时,我们使用row

应该是这样的东西:

<div class="container-fluid">
  <div class="row-fluid">
    <div class="col-lg-4">...</div>
    <div class="col-lg-4">...</div>
    <div class="col-lg-4">...</div>
  </div>
</div>

最新更新