引導.container> .row水平滾動已發行

我已經考慮進去一看，這些解決方案（同樣的問題）：引導.container> .row水平滾動已發行

但沒有，似乎工作對我來說除了難看的破解之外

body { overflow-x: hidden;}

我剛剛從他們的網站（v3.3.4）下載了當前的引導程序分發。它也有這個.container-fluid類，它應該是解決這個問題的方法。但是，我仍然有這個問題，並想知道其他人是否也面臨這個問題。我在localhost（使用MAMP）中遇到了這個問題。我還沒有嘗試過生產服務器，因爲我對爲什麼這個問題仍然存在感到困惑。由於之前的問題是在幾年前提出的，我決定發佈這個問題。

我的代碼的設置是一個非常基本的一個（我用container類太）：

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-3 column"> 
     </div> 
     <div class="col-md-6 column"> 
     </div> 
     <div class="col-md-3 column"> 
     </div> 
    </div> 
</div>

來源

2015-05-19 thestralFeather7

可以使小提琴？ – vel

我們需要你的'column'類的代碼。這可能會破壞事情。另外，請嘗試[Bootlinting]（https://github.com/twbs/bootlint）您的頁面。 – cvrebert

只需修改引導CSS太：

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

.container{ 
    .row{margin-left: -15px; margin-right: -15px;} 
}

和嘗試。

來源

2015-12-17 09:34:51 user3921244

當遇到另一個引導技巧問題時，遇到了這個問題，我知道它已經很老了，但認爲我會爲將來的人回答它。

問題是，您正在使用容器後的行。

如果你想嵌套行，你做的不正確，但從你的代碼不是它的表現。如果您只是想讓屏幕寬度達到100％，您只需將.row移至.container-fluid以上即可。

<div class="row"> 
    <div class="container-fluid"> 
    <div class="col-md-3 column"> 
     </div> 
     <div class="col-md-6 column"> 
     </div> 
     <div class="col-md-3 column"> 
     </div> 
    </div> 
</div>

雖然這個問題有點含糊，這應該解決這個問題。

來源

2016-02-12 20:06:30

我有同樣的問題，和上面沒有幫助...

我只是把：overflow: hidden我的所有容器的父DIV和完美。

在我的情況下，父親的div是<div class="hfeed site" id="page">

來源

2018-03-10 17:31:24 paddy1228

引導.container> .row水平滾動已發行

回答

相關問題