> For the complete documentation index, see [llms.txt](https://iexam.gitbook.io/fcc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://iexam.gitbook.io/fcc/ji-chu/create-bootstrap-wells.md).

# 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>
```
