90Create Bootstrap Wells

说明:

Bootstrap 有一个 class 属性叫做 well,它的作用是为设定的列创造出一种视觉上的深度感(一种视觉上的效果,动手写代码体会一下)。

在你的每一个class为col-xs-6的div 元素中都嵌入一个带有 well class 属性的 div 元素。

创建一个 div 元素并包含 class well , 将其分别放置于你的每一个有 class "col-xs-6" 的 div 元素中。
将你两个含有 class "col-xs-6" 的 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>

调试代码:

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

    </div>
    <div class="col-xs-6">
      <div class="well">第二列</div>

    </div>
  </div>
</div>

Last updated