关于Bootstrap 辅助类用法

关闭图标

<p>关闭图标实例
<button type="button" class="close" aria-hidden="true">
&times;
</button>
</p>

快速浮动

<div class="pull-left">
向左快速浮动
</div>
<div class="pull-right">
向右快速浮动
</div>

内容居中

<div class="row">
<div class="center-block" style="width:200px;background-color:#ccc;">
www.siliconrxr.com 
</div>
</div>

清除浮动

<div class="clearfix" style="background: #D8D8D8;border: 1px solid #000;padding: 10px;">
<div class="pull-left" style="background:#58D3F7;">
向左快速浮动
</div>
<div class="pull-right" style="background: #DA81F5;">
向右快速浮动
</div>
</div>

显示和隐藏内容

<div class="row" style="padding: 91px 100px 19px 50px;"> <div class="show" style="margin-left:10px;width:300px;"> 这是 show class 的实例 </div> <div class="hidden" style="width:200px;"> 这是 hide class 的实例 </div> </div>