bootstrap的那些组件

</pre>一、图标组件<p></p><p>    一般放在span标签内，只对空的元素的标签起作用。</p><pre name="code" class="html">   <span class="glyphicon glyphicon-ok"></span>

    不建议混合其他表标签使用例如：

     <button type="button" class="btn btn-primary glyphicon glyphicon-ok">确定</button>

二、下拉菜单组件<pre name="code" class="html">    .dropdown是定义下拉菜单的类，包含一个按钮和一个列表。按钮类添加.dropdown-toggle类，data-toggle属性值为dropdown；列表添加.dropdown-menu类。就可以实现简单

  的下拉菜单

<pre name="code" class="html"><div class="dropdown" >
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">dropdown</button>
    <ul class="dropdown-menu">haha
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
</div> 

  其他的类：

<pre name="code" class="html">    .dropdown-menu-right<span style="font-family: Arial, Helvetica, sans-serif;">在dropdown-menu后面添加dropdown-menu-right类可以让列表右对齐。但是不建议使用pull-right类。</span>

<pre name="code" class="html">    .dropdown-header<span style="font-family: Arial, Helvetica, sans-serif;">为下拉列表加标题用dropdown-header类，同样是写在li标签里面。</span>

    .divider类 添加分割线 写在空的li标签里面

    .disabled类，禁用某个列表项

三、按钮工具类

    .btn-group是定义按钮组的类

    .btn-toolbar和 <span style="font-family:Arial, Helvetica, sans-serif;">.btn-group组合在一起使用可以调更多的样式</span>

<span style="font-family:Arial, Helvetica, sans-serif;">        .btn-group-sm\xs\bg代不同的按钮大小</span>

<span style="font-family:Arial, Helvetica, sans-serif;">        .btn-group里面套btn-group</span>

<span style="font-family:Arial, Helvetica, sans-serif;">       </span>

</pre><p></p><pre name="code" class="html"><pre style="font-family: 宋体; font-size: 12pt; background-color: rgb(255, 255, 255);">