css - Bootstrap 3 删除中间两个断点

Question

是否可以删除 Bootstrap 3 中中间的两个断点并让浏览器在视觉上“缩放/缩小”页面，这样在这些断点处您不必向左或向右滚动即可查看页面？

基本上，我有一个想要响应的设计，但只响应小断点和大断点，但我不希望查看者必须向左或向右滚动才能看到所有内容。

这是我正在处理的一个示例，但它不起作用。我在 iPad 上测试过，我必须左右滚动才能看到内容: http://matthewtbrown.com/test/myprojects.html

Answer 1

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

当使用 container-fluid 时，您应该使用 row-fluid 而不是 row。

我们在使用container时使用row，在使用container-fluid时使用row-fluid。

应该是这样的:

<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>