Bootstrap实现下拉列表的两种写法

第一种写法：

<div class="dropdown">    <a data-toggle="dropdown">点击打开一个下拉框</a>    <ul  class="dropdown-menu">        <li><a>aaaa</a></li>        <li><a>aaaa</a></li>        <li><a>aaaa</a></li>        <li><a>aaaa</a></li>        <li><a>aaaa</a></li>        <li><a>aaaa</a></li>    </ul></div>

---

最后实现的效果图如下：

---

第二种写法：

<ul class="nav nav-tabs">    <li class="active"><a>chengyujie</a></li>    <li>        <a data-toggle="dropdown">xuhaitao</a>        <ul class="dropdown-menu">            <li><a>aaaa</a></li>            <li><a>bbbb</a></li>            <li><a>cccc</a></li>            <li><a>dddd</a></li>        </ul>    </li>    <li><a>xuhaihuan</a></li>    <li><a>xuhairu</a></li>    <li><a>xuguozhu</a></li></ul>

---

效果图如下：

---

---

---

---

FR：海涛高软（QQ技术交流群：386476712）