引导标题：品牌前的按钮答案

【问题标题】：Bootstrap header: button before brand引导标题：品牌前的按钮
【发布时间】：2014-05-27 14:14:34
【问题描述】：

这是我尝试过的：

  <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

在引导导航栏品牌之前放置按钮的正确方法是什么？我找不到任何例子。

【问题讨论】：

请在问题中包含相关代码和图片。仅提供指向其他站点的链接意味着该问题不是独立的，并且如果更改或删除了场外项目，则对其他人没有用处。
抱歉，问题已编辑。

标签： twitter-bootstrap nav

【解决方案1】：

默认情况下，如果您将.navbar 放入.container 或.container-fluid，.navbar-brand 将拥有margin-left 或-15px。所以这样做来修复它。添加这个 css。

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

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

【讨论】：

这完成了工作。非常感谢。