Bootstrap 3删除中间的两个断点

时间:2017-02-25 22:28:24

标签: css twitter-bootstrap-3

是否可以删除Bootstrap 3中的中间两个断点并让浏览器直观地“缩放/缩小”页面,因此在这些断点中,您不必向左或向右滚动以查看页面?

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

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

1 个答案:

答案 0 :(得分:1)

刚刚通过container-fluid检查了您的代码,您使用row-fluid作为父容器。

使用row时,您应使用row代替container

我们在使用row-fluid时使用container-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> 时使用{{1}}。

它应该是这样的:

{{1}}