0

我已经从 中删除了bootstrap-responsive.css链接<head>，但我的页面仍然是响应式的。我有三个<div class"row">，每个都有树<div class="span4">来保存一些数据，一切看起来像一个 3x3 的正方形。我的分辨率是 1600x872，“正方形”看起来很完美，但是当我调整浏览器窗口的大小时，div 变得疯狂，看起来像一个矩形。我只想让 div 保持它们的位置，这意味着当我调整窗口大小时，会出现滚动条。你有解决方案吗？

4

1 回答 1

2

您是否将行包装在.containerdiv 中？

当你不使用 时.container，当你减小屏幕宽度时，行中的.span4元素会给你一个“矩形”的效果。

您可以在这个 jsbin 示例上对其进行测试。顶行没有包裹在 a 内.container，但底行是。

http://jsbin.com/ogogis/1

http://jsbin.com/ogogis/1/edit

       <!-- this row has no .container, and will 
look like a rectangle when you reduce screen width -->
       <h4>NO .container</h4>  
        <div class="row">
          <div class="span4">
            <div class="spacer200 a1"></div>
          </div>
            <div class="span4">
             <div class="spacer200 a2"></div>
          </div>
            <div class="span4">
              <div class="spacer200 a3"></div>
          </div>
        </div>  

          <div class="spacer50"></div> 

        <!-- this row does have a .container, 
             and will not give the rectangle effect -->
        <div class="container">
          <h4>.container wrapping the row</h4>  
          <div class="row">
            <div class="span4">
              <div class="spacer200 a1"></div>
            </div>
              <div class="span4">
               <div class="spacer200 a2"></div>
            </div>
              <div class="span4">
                <div class="spacer200 a3"></div>
            </div>
          </div> 
        </div>
于 2012-09-02T13:14:31.730 回答