Twitter Bootstrap 3水平滾動問題

用TB v3.0.0構建一個投資組合網站，並遇到一個我似乎無法弄清的水平滾動問題。Twitter Bootstrap 3水平滾動問題

試圖爲移動設備上的圖像實現完全流血，因此我對左/右填充進行了分條，但發生了水平滾動。這是我補充說，造成問題的CSS：

@media (max-width: 767px) { 
    .container { 
     padding-right: 0; 
     padding-left: 0; 
     margin-right: auto; 
     margin-left: auto; 
    } 
}

這裏的臨時網站，我工作過的：http://www.kesernio.com/playground/

來源

2013-10-12 kesernio

你用的IMG響應每個圖像上的類？ –

無所謂我可以看到你有！ –

不知改變填充有助於設置圖像100％位居第一。下面的代碼將是100％視口（綠色）。另外提到你的內容有一個填充。此填充位於col-xs-12上（將其刪除：將.col-xs-12的填充設置爲零）在您的情況下，請使用圖像除去填充的col- -。

<div class="container" style="background-color:green;"> 
     <div class="row"> 
      <div class="col-xs-12 contact"> 
     content 
      </div> 
     </div> 
    </div> 
</div>

關於您的滾動條，其實你這樣做：

<div class="container" style="background-color:green;padding:0"> 
    <div class="row"> 
     <div class="col-xs-12 contact"> 
    content 
     </div> 
    </div> 
</div>

添加padding:0這會給你一個horizotal滾動條會導致您.row類有15px的陰性切緣上都兩側。要刪除滾動條設置.row的利潤率爲零到：

<div class="container" style="background-color:green;padding:0"> 
    <div class="row" style="margin:0"> 
     <div class="col-xs-12 contact"> 
    content 
     </div> 
    </div> 
</div>

參見：https://stackoverflow.com/a/19044326/1596547對電網的排水溝建設

來源

2013-10-12 21:08:50

這樣做。非常感謝你的幫助。 – kesernio

Twitter Bootstrap 3水平滾動問題

回答

相關問題