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

回答

相關問題