Question

这是我尝试过的：

  <body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <a class="btn btn-default navbar-btn pull-left" href="">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>

            <div class="navbar-header">
                <a class="navbar-brand" href="#/">Some text</a>
            </div>

        </div>
    </nav>
  </body>

还有一个掠夺者：http://embed.plnkr.co/NDp3R5XKxTgKAe0Ez7Js/preview

问题是只有在调整窗口大小时才会出现按钮和文本之间的差距： http://i.stack.imgur.com/Uq5pJ.png

在bootstrap navbar-brand之前放置按钮的正确方法是什么？我找不到任何例子。

Answer 1

默认情况下，如果您将.navbar放在.container或.container-fluid中，.navbar-brand将margin-left -15px。所以这样做是为了修复它。添加此CSS。

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}

我认为这是因为品牌通常是导航栏中的第一项。

Bootstrap标题：品牌前的按钮

1 个答案: