-2

ナビゲーションをモバイルデバイスの小さなアイコンに折りたたむにはどうすればよいですか？ ナビゲーションを折りたたむようにしたいのですが、970ピクセルのサイズではなく、事前定義されたサイズ（たとえば、300ピクセル）にします。ブートストラップ内で可能ですか、それとも自分でtweekする必要がありますか？

私の現在のコード：

<div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <button type="button" 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>
                </button>
                <a class="brand" href="/">name</a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li><a href="#about">About</a></li>
                        <li><a href="#price">Price</a></li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
4

2 に答える 2

1

http://twitter.github.com/bootstrap/customize.htmlでブートストラップをカスタマイズし、レスポンシブセクションから不要なレスポンシブ機能の選択を解除することができます。

必要に応じてメディアクエリを記述して配置します。また、要素にmin-widthを設定して、サイズ変更を停止することもできます。

于 2013-03-02T13:24:29.337 に答える
0

CSS内のメディアクエリを調整します。折りたたみを強制しているメディアクエリを見つけて切り取り、300pxで独自のクエリを作成します。好き：

@media (max-width: 300px) {
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
}
于 2013-03-02T13:15:46.960 に答える