Bootstrap学习 - 组件

下拉菜单

注意：需要先引入jQuery.js再引入bootstrap.js（依赖前者）

<div class="dropdown pull-right">
　　<button class="dropdown-toggle btn btn-default " type="button" aria-expanded="true"  data-toggle="dropdown">
　　　　Dropdown<span class="caret"></span>
　　</button>
　　<ul class="dropdown-menu dropdown-menu-right" role="menu">
　　　　<li class="dropdown-header">Language</li>
　　　　<li><a role="menuitem">Python</a></li>
　　　　<li class="disabled"><a role="menuitem">Java</a></li>
　　　　<li><a role="menuitem">PHP</a></li>
　　　　<li class="divider"></li>
　　　　<li><a>JavaScript</a></li>
　　</ul></div>

<div class="btn-group">
    <button type="button" class="btn btn-success">按钮1</button>
    <button type="button" class="btn btn-primary">按钮2</button>
    <button type="button" class="btn btn-danger">按钮3</button>
</div>

效果：          不加btn-group效果： 

可以利用这一功能做一些按钮工具栏，像这样的