页面显示水平滚动条，而使用引导

-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

页面显示水平滚动条，而使用引导

回答

相关问题