2013-08-01 24 views
2

我使用的是引導3 RC1和即使有也不過是一個行和列,我可以水平滾動只是一點點。我寧願不要有任何水平滾動。Twitter的引導3 RC1水平滾動已發行

<div class="row"> 
    <div class="col-lg-12">content</div> 
</div> 
+1

可能是一個好主意,而不是在這裏報告您的問題:https://github.com/twbs/bootstrap/issues/new –

+0

謝謝,我張貼有 – bergjs

回答

9

它有一個因爲負邊界的錯誤;

@media (min-width: 768px) { 
    .row {margin-right: -15px;margin-left: -15px;} 
} 

你可以用這個覆蓋bootstrap;

@media (min-width: 768px) { 
    .row { margin-right: 0; margin-left: 0; } 
} 

還請點擊這裏; https://github.com/twbs/bootstrap/issues/6686

+0

這是現在固定與引導釋放RC3 - http://blog.getbootstrap.com/2013/08/13/bootstrap-3-rc2/ – ZimSystem

+0

感謝隊友爲你更新 – oztecnic

+0

更新:可固定在3.1 - https://github.com/twbs/bootstrap/issues/9862 – ZimSystem

1

對於任何遇到這個問題的人來說,固定它的東西是包裝所有的行/表單等。 <div class="container">塊中的元素。

0

可以解決這個問題,而不會干擾引導CSS和等待在下一版本中修復,所以你可以簡單地定義你自己的類.container流體與填充包裝你行。

//Add this class to your global css file 
<style> 
    .container-fluid { 
     padding: 0 15px; 
    } 
</style> 

    //Wrap your rows in within this .container-fluid 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="col-md-3">content</div> 
      <div class="col-md-9">content</div> 
      <div class="col-md-3">content</div> 
     </div> 
    </div>