3

Joomla 3 で Bootstrap 3 テンプレートを作成しようとしています。メインのナビゲーション モジュールは「nav」と呼ばれているため、スニペットを使用してページに配置します。

<jdoc:include type="modules" name="nav" style="none" />

これにより、「nav menu」クラスの ul が作成されます。Bootstrap 3 の navbar の設定方法のため、これを "nav navbar-nav" にする必要があります。これをどのように行うつもりですか？Javascriptなしでそれを行う方法はありますか? ここに私がこれまでに持っているものがあります:

<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
        Menu
    </button>
</div> <!-- navbar-header -->

<div class="collapse navbar-collapse navbar-ex1-collapse">
    <jdoc:include type="modules" name="nav" style="none" />
</div> <!-- navbar-collapse -->
</nav>
4

2 に答える 2

6

Joomla バックエンドで、Menu モジュールに移動し、[Advanced] タブをクリックすると、[Module Class Suffix] というフィールドが表示されます。

そこに、次を追加します。

 navbar-nav

その前にスペースがあることに注意してください

于 2013-11-08T16:37:21.647 に答える
0

これに対する迅速な解決策は、カスタマイズ可能なモジュールです。

http://thegrue.org/responsive-menu-module-joomla/

上記のリンクからダウンロードしてください。レスポンシブメニューを提供します。テンプレートでモジュールの位置を定義し、そこにモジュールを割り当てるだけです。

于 2016-03-30T03:50:44.390 に答える