89Split your Bootstrap Row

说明:

既然我们已经有了一个 Bootstrap 行,让我们来把它分成两栏来放置我们的元素吧。

在你的行内添加两个 div 元素,每个都具有 col-xs-6 class 属性。

将两个 div class="col-xs-6" 元素内嵌入你的 div class="row" 元素中。
确保你所有的 div 元素都有一个闭合标签。

原始代码:

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">


  </div>
</div>

调试代码:

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">第一列</div>
    <div class="col-xs-6">第二列</div>


  </div>
</div>

Last updated