在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-sensitive.css文件的1078行中，您將找到：

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

您可以將其更改為：

.navbar {
        display: block;
      }

然后，將其添加到bootstrap.css中 ：

.btn-navbar {
        display: block;
      }

這將使.btn-navbar可以在所有屏幕寬度上顯示。