頁面顯示水平滾動條，而使用引導

-3

我正在設計一個頁面使用引導。我使用類col-lg-x使用網格系統劃分頁面。我使用下面的代碼分成兩部分。頁面顯示水平滾動條，而使用引導

<div class='container'> 
    <div class='row'> 
    <div class='col-lg-7'></div> 
    <div class='col-lg-5'></div> 
    </div> 
</div>

我已經在列中添加了內容，並設置框大小爲邊框。該頁面顯示一個水平條。我所知道的自舉網格系統，它將頁面分成12個相同的列，所以在使用網格系統後，我仍然沒有得到爲什麼橫條仍然顯示？

來源

2015-12-21 abhishek vashistha

這可能是因爲該列中的內容必須大於視口的高度。它與電網系統無關。 –

您是否可以使用上面的代碼重現相同的問題？ –

必須是你已經放在列內的東西，因爲它在這裏工作得很好：http://www.bootply.com/gp51EVFTeK – Pete

-1

看來你的CSS代碼可能會重疊bootstrap CSS。因爲'.col-lg-7'和'.col-lg-5'都在1200像素以下響應良好......所以滾動條沒有水平或垂直的機會。

<div class='container'> 
    <div class='row'> 
    <div class='col-lg-7'> 
     <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> 
    </div> 
    <div class='col-lg-5'> 
     <p>Contrary to popular belief, Lorem Ipsum is not simply random text. </p> 
    </div> 
    </div> 
</div>

https://jsfiddle.net/ShirishDhotre/0amuqd74/

來源

2015-12-21 12:38:45

頁面顯示水平滾動條，而使用引導

回答

相關問題