css - 默认显示 Bootstrap 汉堡包菜单并将其放置在左侧

Question

如何在默认情况下显示 Bootstrap 的折叠菜单，又名“汉堡包”，但将其显示在浏览器的左侧？

我猜想在折叠菜单上，我只是将其更改为如下所示？

<!-- the collapsing menu -->
    <div class="collapse navbar-collapse navbar-left" id="navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </div>
    <!--/.nav-collapse -->

Answer 1

如果你想在移动设备上创建带有三行“汉堡包”的导航栏，请关注官方Bootstrap template。 .如果你想将按钮向左移动，只需添加一个 float: left 到 css 或在按钮上使用类“pull-left”。请注意，您需要添加一些 margin: left 以确保按钮和左边框之间有一些间距。

Bootply example here