当通过手机访问页面时，如何禁用Twitter Bootstrap 3中的导航栏将切换按钮堆叠到新行？
我总是得到这样的东西：
Screenshot http://pix.toile-libre.org/upload/original/1463699669.png
我已尝试过所有内容，从添加自定义CSS到修改var productAmounts = document.getElementsByClassName("productAmount");
Array.prototype.forEach.call(productAmounts, update);
function update(val, i){
val.addEventListener('input', function(){
var x = val.value;
document.getElementsByClassName('total')[i].innerHTML = "$" +
(x*document.getElementsByClassName('price')[i].getAttribute("data-amount")).toFixed(2);
});
};
文件，并进一步重新编译整个Bootstrap样式（我一直在更改.less变量，我甚至玩过@grid-float-breakpoint }），但不幸的是我没有成功。
答案 0 :(得分：0)
尝试从菜单中删除折叠类，然后删除按钮：
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
答案 1 :(得分：0)
解决了这个问题，我不得不将width属性添加到div容器中，该容器右侧有这两个按钮。 div正在不正确地调整大小，因此它将第二个（切换）按钮放在新行中。
答案 2 :(得分：0)
.navbar-toggle有财产float: right;。检查navbar的HTML代码。切换按钮应首先放在菜单的其他部分之前。