Question

我使用bootstrap在一行中写入标题而不是从下一行开始的段落信息。

   <div class="container col-sm-6">
        <h4>Daily Information</h4>
    </div>
    <div class="col-sm-6"></div>
    <div class="col-sm-6 cl6bg">
        <p>xyzzzzzz</p>
    </div>

基本上我的目标是每日信息在下一行显示为标题而不是段落开头。因为有12个col所以它显示在同一行的所有内容。我试着用col-sm-6把空div放到它不起作用。请让我知道如何解决它，以便我可以将它们分开。

Answer 1

尝试使用行：

<div class="container">
  <div class='row'>
   <div class='col-sm-6'>
        <h4>Daily Information</h4>
    </div>
  </div>
  <div class='row'>
    <div class="col-sm-6 cl6bg">
        <p>xyzzzzzz</p>
    </div>
  </div>
</div>

也许另一个丑陋的选项可能会使用 col-md-offset-6 强制使用12个col ...

Answer 2

添加

<div class="clearfix"></div>

而不是那个空div。

在引导程序中将最大宽度设置为6列

2 个答案: