BootStrap笔记8

下拉菜单

1.下拉菜单

<div class="dropdown">
    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
    <!--下拉按钮，id用来给下拉菜单指向用的-->
    
      菜单
      <span class="caret"></span>         
    </button>
     
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<!--菜单列表，aria-labelledby="dropdownMenu1" 就是用来指向哪个菜单，因为有可能有多个菜单-->

      <li>
         <a href="#">HTML</a>            
      </li>
      <li role="presentation">
         <a href="#">CSS</a>             
      </li>
    </ul>
 </div> 

2.标题不可点击

<li role="presentation" class="dropdown-header">标题不可点击</li>

3.分割线

<li role="presentation" class="divider"></li>

4.禁用项

<li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Bootstrap(开发中)</a></li>