Question

我正在使用bootstrap设计页面。我正在使用网格系统与类col-lg-x划分页面。我使用以下代码分为两部分。

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

我在列中添加了内容，并将box-sizing设置为border box。该页面显示一个水平条。我对bootstrap网格系统的了解它将页面划分为12个相等的列，所以在使用网格系统之后我仍然不明白为什么水平条仍然显示？

Answer 1

您的CSS代码似乎可能与引导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/

使用bootstrap时，页面显示水平滚动条

1 个答案: