bootstrap入门

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

</table>
</div> //响应式表格

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

建议使用button或a标签来制作按钮

---

下拉列表

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

• 注意要在外面嵌套一个div
• 这里是dropdown-toggle,不是单纯的dropdown

• 要引入jq,与bootstrap.js

  
  dropdown.PNG

---

手风琴效果

---

（3）浮动类

<small class="pull-right">2015/08/05</small>  //向右浮动    还有pull-left

---

（4）glyphicon图标与fonts文件夹有关