Question

我正在使用相当大的菜单构建网站，并且不喜欢BS3附带的折叠菜单。我想使用抽屉/关闭画布菜单，例如BS3的offcanvas JS示例中的那个（或任何其他插件，它必须包括对下拉菜单的支持），但该示例仅在侧边栏菜单/导航上进行。如何使用我当前的导航功能？

以下是示例：http://getbootstrap.com/examples/offcanvas/

我需要该功能，但应用于顶层菜单而不是侧边栏。

HTML

<nav id="navbar-main" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
        <button type="button" id="menu-trigger" class="navbar-toggle">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">Brand</a>
    </div>

    <div id="main-menu" class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>
    </div>
  </div>
</nav>

Answer 1

好的，对于遇到此问题的任何人，我使用Jasny Bootstrap的Offcanvas功能来解决这个问题。

工作示例：http://jasny.github.io/bootstrap/examples/navbar-offcanvas/

使用Offcanvas和Bootstrap 3 Navbar固定顶部

1 个答案: