引导程序3 Navbar在自定义断点处不崩溃

我已使用this config进行了自定义引导。我已经设置了引导程序3 Navbar在自定义断点处不崩溃

"@grid-float-breakpoint": "810px", 
"@grid-float-breakpoint-max": "800px"

但是，导航条似乎并没有在800像素或其他任何接近的情况下崩溃。导航栏在600-650px左右折叠。我究竟做错了什么。我是否还需要更改其他值？

导航栏

<nav id="navbar" class="navbar navbar-default navbar-fixed-top" role="navigation" data-selected="#new-li"> 
<div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> 
      <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"> 
      </span> 
     </button> 
     <a class="navbar-brand" href="#"><img src="/C5.WebApp/Content/logo.png" alt="logo"></a> 
    </div> 
    <div class="navbar-collapse collapse navbar-responsive-collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li id="inbox-li"><a href="/C5.WebApp/">Posteingang</a></li> 
      <li id="tasks-li"><a href="/C5.WebApp/Tasks">Aufgaben</a></li> 
      <li id="calendar-li"><a href="/C5.WebApp/Calendar">Kalender</a></li> 
      <li id="contacts-li"><a href="/C5.WebApp/Contacts">Kontakte</a></li> 
      <li class="active" id="new-li"><a href="/C5.WebApp/Activity/Create">Neue Aktivität</a></li> 
      <li><a href="/C5.WebApp/Login/Logout">Abmelden</a></li> 
     </ul> 
    </div> 
</div>

来源

2014-09-12 Georgi Georgiev

我尝试了和你一样的变量，它对我来说工作正常。我认为你需要提供更多的细节。在浏览器中，检查'.navbar-toggle'按钮并查看媒体查询的最小宽度设置为。 – Schmalzy 2014-09-12 14:16:26

@Schmalzy我没有设法找到谷歌的最小宽度属性 – 2014-09-12 14:34:05

检查bootstrap.css文件（非精缩），开始对行3911，你应该看到下面的代码......确保min-width: 810px是正确的。

@media (min-width: 810px) 
    .navbar-toggle { 
    display: none; 
    } 
}

如果这是正确的，那么您要么有一些自定义CSS覆盖断点，要么没有在HTML文件中链接正确的CSS文件。

来源

2014-09-12 15:00:00 Schmalzy

宽度是正确的 – 2014-09-15 07:28:00

我希望您的问题是由于您的<nav>内部使用<div class="container">而不是<div class="container-fluid">引起的。

在断点设置为768px（等于xs网格的最大大小）的默认情况下，问题不会发生，因为.container类没有固定宽度，屏幕宽度低于768px（网格是流体）。 768以上的.container类将宽度设置为750px ;.对于围绕800px的新断点，sm栅格中的.container类的此固定宽度将导致您的问题。 container-fluid类不设置固定宽度。

来源

2014-09-12 21:51:20

将容器更改为流体，也不工作 – 2014-09-15 07:26:58

引导程序3 Navbar在自定义断点处不崩溃

回答

相关问题