css - 在 Bootstrap 中将最大宽度设置为 6 列

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 列，所以它在同一行显示所有内容。 我试图将空的 div 与 col-sm-6 放在一起，但没有用。 请告诉我如何修复它，以便我可以将它们放在不同的行中。

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 列...