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
Was this helpful?