Twitter bootstrap 如何更改按钮导航栏的对齐方式？

我正在使用Bootstrap 3，并试图在导航栏上的按钮折叠时将其对齐。我想那个按钮留在左边，但它总是在右边

我怎么能这样做

尝试

<div class="navbar-header">
            <button type="button" class="pull-left navbar-toggle custom-toggler" data-toggle="collapse" data-target=".navbar-collapse" style="border-color:yellow;">
                <span class="sr-only">Menu</span>
                <span class="icon-bar" style="background-color:yellow;"></span>
                <span class="icon-bar" style="background-color:yellow;"></span>
                <span class="icon-bar" style="background-color:yellow;"></span>
            </button>
            <a href="@Url.Action("Index","Home")" class="navbar-brand"><img class="img-responsive" width="150" height="50" src="~/Imagens/logo1.png" style="margin-top:1.5px" /></a>
            @*@Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })*@
        </div>
        <div class="navbar-collapse collapse">            
             <ul>
                <li>Option 1</li>
                <li>Option 2</li>
             </ul>        
        </div>

菜单
@*@ActionLink（“应用程序名称”、“索引”、“主页”、新{area=”“}、新{@class=“navbar品牌”}）*@

选择1
选择2

您可以使用Bootstrap3类

向左拉

和

向右拉

来向左移动切换，向右移动徽标

您可以将CSS与

float:left

属性一起用于

navbar切换

。这会将切换按钮向左移动

下面是使用引导类实现相同功能的工作代码段

欢迎

.navbar-toggle {
  float: left !important;
}