相同的Navbar没有崩溃

Question

我有一个带有徽标的导航栏，下载app按钮，在菜单中滑动（如图所示）

但是当宽度小于768像素时，我希望导航栏看起来像更宽的屏幕视图一样。但是它看起来像这样

带滑动菜单的Navbar：

我在很多方面都尝试过，但却无法得到它。 我的代码http://jsbin.com/neyenanevu/edit?html,css,js,output

Answer 1

UPD。您可以找到同时提及bootstrap.css和navbar的{​​{1}}的所有片段。

尝试使用：

@media (min-width: 768px)

http://jsbin.com/nenuquq/edit?html,css,js,output

您可以设置导航栏折叠的断点：

1. 在Grid system中根据需要设置字段.navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } 值。例如，零。

2. 点击页面底部的@grid-float-breakpoint按钮。

3. 从生成的存档中提取文件Compile and Download和bootstrap.css。使用它们代替您网站上的标准文件bootstrap.min.css和bootstrap.css。

4. 根据需要调整导航栏。在任何屏幕宽度都是一样的。