91Add Elements within your Bootstrap Wells

说明:

现在我们已经在行内的每一列都嵌套了好几层 div 元素了。这已经足够了。现在让我们添加 button 元素吧。

在每一个 well div 元素下放置三个 button 元素。

将三个 button 元素分别内嵌于含有 class well 的 div 元素中。
你应该总共有 6 个 button 元素。
确保你所有的 button 元素都有闭合标签。

原始代码:

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

调试代码:

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <div class="well">
        <button>按钮1</button>
        <button>按钮2</button>
        <button>按钮3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <div class="well">
        <button>按钮4</button>
        <button>按钮5</button>
        <button>按钮6</button>
      </div>
    </div>
  </div>
</div>

Last updated

Was this helpful?