Bootstrap 3.0.0在行級上添加額外的空間

我正在使用Bootstrap 3.0.0。我試圖有一個橫跨整個屏幕的行（而不是把它放在一個'容器'中，它將以其餘內容爲中心。Bootstrap 3.0.0在行級上添加額外的空間

由於某種原因，當我這樣做時，行增加了一個額外的空間來頁的結束，導致水平滾動條出現的空間大約爲5px

我的代碼看起來是這樣的：。

<body> 
     <div class="row"> 
      <div class="col-xs-6"> 
       hello 
      </div> 
      <div class="col-xs-6"> 
       Hello 
      </div> 
     </div> 
    <script src="js/bootstrap.min.js"></script> 
</body>

我還根本沒有提出任何修改，而且沒有自定義的CSS，基本上我想改變行的背景顏色，但是我希望它跨越整個頁面。

感謝

來源

2013-10-17 Mark Winterbottom

您可以輕鬆地添加'.container {max-width：100％！important;}'。只是提醒我不要訪問您的網站，雖然...在1440p顯示器上查看這樣的網站是可怕的... :) –

這在BS 3的已知問題 - https://github.com/twbs/bootstrap/issues/9862?source=cc

則可以使用解決辦法...

.row { 
    margin-left: 0px; 
    margin-right: 0px; 
}

來源

2013-10-17 17:02:42 ZimSystem

斯凱利是正確的！與該解決方案，您的問題將是解決 ...
但如果你看到你的上校堅持左或右，而不是居中，你可以使用此代碼（稍加改變的斯凱利的代碼）

.row { 
    margin-left: auto !important; 
    margin-right: auto !important; 
}

來源

2013-12-10 08:34:00

Bootstrap 3.0.0在行級上添加額外的空間

回答

相關問題