html - 在 Twitter Bootstrap 中将网站大小调整为 940 像素或更低之前制作 .btn-navbar 显示

Question

真的是基本问题。我喜欢 .btn-navbar 和它的响应能力。默认情况下，它将在 940px 或以下启动。我的问题是如何让 .btn-navbar 始终处于活动状态。我希望用户看到的只是要导航的 .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显示在所有屏幕宽度中。