Html 在折叠的导航栏中拉伸按钮（引导）

我希望登录按钮是这样的

但我明白了

我的代码怎么了？提前谢谢

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
        <!-- home, scheduler, actions-->
    </ul>
    <a href="#" class="navbar-btn btn btn-default navbar-right"><span class="glyphicon glyphicon-log-in"></span> Sign in</a>  
</div>

---

试试这个：添加btn lg

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
        <!-- home, scheduler, actions-->
    </ul>
    <a href="#" class="container navbar-btn btn btn-default btn-lg navbar-right"><span class="glyphicon glyphicon-log-in"></span> Sign in</a>  
</div>

---

据我所知，你将不得不用CSS自己做这件事。您可以使用btn block类，但它会在768px以上的宽度上对导航栏产生不利影响

参见示例1

但如果您调整导航栏结构并添加另一个ul，并将按钮放在其中，则可以使用btn块（参见示例2）。 请参阅工作代码段

@介质最大宽度：767px{ .btn.btn-wide{ 宽度：100%； } } 切换导航 登录

---

下面是更新的代码。沿现有类添加btn块类

<a href="#" class="navbar-btn btn btn-default navbar-right btn-block"><span class="glyphicon glyphicon-log-in"></span> Sign in</a> 

---

请添加按钮CSS代码。我没有使用CSS，只使用引导类。谢谢，但它不起作用。它只是增加了一点按钮。现在尝试添加class=container。。。我现在已经更新了代码