set bootstrap non-responsive divs

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

来源

2012-09-01 user1640979

如果删除'bootsrap-responsive.css'这几乎IMPOSIBLE您保持响应式设计在您的网页。你可以用一个'jsfiddle'向我们展示你的问题吗？ – Pigueiras

看到我最后的答案。相信它，即使使用'bootstrap-responsive.css'，设计仍然能够响应。谢谢！ – user1640979

你是否在.container div中包装行？

当您不使用.container时，那么行中的.span4元素在缩小屏幕宽度时将为您提供“矩形”效果。

你可以在这个jsbin例子上进行测试。顶行不包含在.container内，但底行是。

http://jsbin.com/okogis/1

http://jsbin.com/okogis/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-02 13:14:31 mg1075

因为我无法处理响应式设计，所以我认为使用没有响应的设计就是答案，但后来我已经看到只有一部分div在'.contaier'内，而不是全部，这是根的观点问题。现在，一切都在容器内部并且响应。感谢您的帮助！ – user1640979

set bootstrap non-responsive divs

回答

相关问题