<div class="table-responsive">
<table class="table table-bordered">

</table>
</div> //響應(yīng)式表格

<table class="table table-striped">
…
</table> //斑馬線
(table-bordered table-hover table-condensed)

建議使用button或a標(biāo)簽來制作按鈕

下拉列表

<div class="btn-group">
        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
            position
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="#">top</a></li>
            <li><a href="#">jungle</a></li>
            <li class="divider"></li>
            <li><a href="#">mid</a></li>
            <li><a href="#">asis</a></li>
        </ul>
    </div>

• 注意要在外面嵌套一個(gè)div
• 這里是dropdown-toggle,不是單純的dropdown

• 要引入jq,與bootstrap.js

  
  
  dropdown.PNG

手風(fēng)琴效果

（3）浮動(dòng)類

<small class="pull-right">2015/08/05</small>  //向右浮動(dòng)    還有pull-left

（4）glyphicon圖標(biāo)與fonts文件夾有關(guān)