bootstrap下拉菜单怎么选中子菜单呢？

比如图片上的这个下拉菜单 我想让它点击哪个子选项就让那个子选项代替下拉菜单的位置 比如选的是导航一 把导航一这三个字占据下拉菜单的位置 这个应该怎么做
<div class="btn-group">
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">下拉菜单

          <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">导航一</a></li>
            <li><a href="#">导航二</a></li>
            <li><a href="#">导航三</a></li>
          </ul>
          </div>

---

你的问题逻辑有问题吧？

我想让它点击哪个子选项就让那个子选项代替下拉菜单的位置 比如选的是导航一 把导航一这三个字占据下拉菜单的位置

是什么意思？点击导航一然后让下拉菜单这4个字变成导航一？？？？？

或许你可以到：

Bootstrap文档 - dropdowns 里面看下,是不是有你要用的

---

你想要的是选择框吧http://www.runoob.com/try/tryit.php?filename=bootstrap3-form-select