bootstrap之下拉菜单

bootstrap之下拉菜单

作者原创，未经允许，拒绝转载。

先看一下效果

代码

<!-- 下拉菜单 -->
<div class="dropdown">
  <!-- 按钮-->
  <button id="dLabel" type="button" data-toggle="dropdown" class="btn btn-default">
   按钮
   <span class="caret"></span>
  </button>
  <!-- 菜单目录 -->
  <ul class="dropdown-menu" >
     <li><a href="#">百度一下</a></li>
     <li><a href="#">百度一下</a></li>
     <li><a href="#">百度一下</a></li>
     <li><a href="#">百度一下</a></li>
     <li><a href="#">百度一下</a></li>
  </ul>
</div>

结构

.dropdown
├── .btn [data-toggle="dropdown"]
└── .dropdown-menu
    ├── a
    ├── a
    └── a

 

.dopdpwn:下拉菜单

datda-taggle="dopdpwn":按钮 标记为下拉菜单

.dopdpwn-menu：菜单

 

 

博客已搬家 技术寇的分享