1

私は自分のアプリケーションをDurandalに移行している最中であり、言わなければなりません-それは絶対的な喜びでした。私はすべてがうまく機能する方法が大好きです。

私が完全に理解できないことの1つは、私のナビゲーションバーです。VSのDurandalSPAテンプレートでブラウザーのサイズを768px未満（これがトリガーだと思います）に変更すると、メニュー項目はボタンの後ろに押されることはなく、スタックするだけです。

私が期待した動作は、ここで見られる動作でした。

http://twitter.github.com/bootstrap/examples/fluid.html

足りない設定はありますか？そうでない場合、この機能を取り戻す方法を誰かが知っていますか？御時間ありがとうございます！

4

1 に答える 1

2

サンプルページのソースコードを見ると、ボタンが次のコードであることがわかります。

<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>

そして、ナビゲーションバーを折りたたむのは、クラスnav-collapseです。

<div class="nav-collapse collapse">
    <p class="navbar-text pull-right">
        Logged in as <a href="#" class="navbar-link">Username</a>
    </p>
    <ul class="nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
</div>

そのことを念頭に置いて、デュランダルナビゲーションバーを折りたたむことができます。

htmlページにbootstrap（bootstrap.js）のjsファイルを含める必要があります。

于 2013-03-25T16:36:44.757 に答える