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）