是否可以删除 Bootstrap 3 中中间的两个断点并让浏览器在视觉上“缩放/缩小”页面,这样在这些断点处您不必向左或向右滚动即可查看页面?
基本上,我有一个想要响应的设计,但只响应小断点和大断点,但我不希望查看者必须向左或向右滚动才能看到所有内容。
这是我正在处理的一个示例,但它不起作用。我在 iPad 上测试过,我必须左右滚动才能看到内容: http://matthewtbrown.com/test/myprojects.html
最佳答案
刚刚通过 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>
关于css - Bootstrap 3 删除中间两个断点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42462336/