2016-11-24 222 views
0
* { 
box-sizing: border-box; 
} 

並沒有幫助也水平滾動條問題

http://codepen.io/samducker/pen/YpQejY

不能爲我的生命找出爲什麼我的右邊空白一點點。試圖一個一個去除樣式表,並通過邊距和填充,仍然沒有運氣。

請幫幫我!

+0

溢出-X:隱藏;在身上會隱藏白色空間,但是不能解決你的問題 –

回答

0

您必須將container-fluid類添加到class="header"的部分。請參見下面的一段代碼:

<section class="header container-fluid"> 
    <div class="row"> 
    <div class="col-md-12"><img class="img-responsive center-block" src="http://thehedonistproject.com/launch/img/team.png" alt=""></div> 
    </div> 
</section> 

的問題是,需要自舉與row類中的每個元件必須包含在具有containercontainer-fluid類來分配權邊距和補的元件的內側。

+0

那有效果,謝謝。你能解釋一下爲什麼修復它,所以我知道在將來何時使用它。 –

+0

@Sam Ducker添加'container'或'container-fluid'類會改變樣式將如何應用於具有'row'類的元素。由於「容器流體」類使該元素使用全寬頁面,因此刪除了子行元素上的邊距。如果您想獲得更多信息,可以查看以下頁面:http://getbootstrap.com/css/#grid – Danibix

0

或者剛上擺脫了惱人的保證金.row

.row { 
    margin:0 !important; 
}