如何在引导程序中创建下拉菜单

Question

我正在使用 Bootstrap 模板来创建与此类似的网站 https://casper.com/ 我想知道当您单击带有子菜单的菜单滑动面板时如何创建像 Shop/About/Reviews 这样的下拉菜单。

这不是一个商业项目，我只是重新创建这个 casper.com 网站来学习如何使用 Bootstrap 构建网站。

谢谢

Answer 1

<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/