如何在bootstrap中创建下拉菜单

时间:2016-08-23 09:47:24

标签: javascript drop-down-menu twitter-bootstrap-3

我正在使用Bootstrap模板创建类似于此https://casper.com/的网站 我想知道如何在单击菜单向下滑动菜单时使用子菜单创建Shop / About / Reviews等下拉菜单。

这不是一个商业项目我只是重新创建这个casper.com网站,以了解如何使用Bootstrap构建网站。

由于

1 个答案:

答案 0 :(得分:0)

<div class="container">
     <div class="dropdown">
        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
        <span class="caret"></span></button>
        <ul class="dropdown-menu">
          <li><a href="#">Shop</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Reviews</a></li>
        </ul>
      </div>
    </div>

小提琴: https://jsfiddle.net/k04cujnj/