在Twitter Bootstrap中将站点大小调整为940px或以下之前，让.btn-navbar显示

Question

基本问题。我喜欢。btn-navbar和它的响应能力。默认情况下，它将在940px或以下启动。我的问题是我如何在所有时间只有。btn-导航栏活动。我只想让用户看到。btn-navbar来导航。下面是我现在的代码，尽管我怀疑.js文件需要调整:

<div class="row-fluid">
    <nav class="navbar navbar-static-top navbar-inverse">
        <div class="navbar-inner">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#">Home</a>
            <div class="nav-collapse">
                <ul class="nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">Resources</a></li>
                </ul>
            </div>
        </div>
    </nav>
</div>

Answer 1

在bootstrap-responsive.css文件中，第1078行你会发现:

  .navbar .btn-navbar {
    display: block;
  }

您可以将其更改为:

.navbar {
        display: block;
      }

然后，在bootstrap.css:

.btn-navbar {
        display: block;
      }

这将使.btn-navbar显示在所有屏幕宽度