Bootstrap 3 Navbar в Joomla 3

Я пытаюсь создать шаблон Bootstrap 3 в Joomla 3. Мой основной навигационный модуль называется «nav», поэтому я помещаю его на страницу с фрагментом:

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

Это создает ul с классом «навигационное меню». Мне нужно, чтобы это было «nav navbar-nav» из-за того, как настроена панель навигации Bootstrap 3. Как бы вы это сделали? Есть ли способ сделать это без 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>

person Kris Hunt    schedule 08.11.2013    source источник


Ответы (2)


В бэкэнде Joomla перейдите в модуль «Меню», щелкните вкладку «Дополнительно», и вы увидите поле «Суффикс класса модуля».

Там добавьте следующее:

 navbar-nav

Обратите внимание, что перед ним стоит пробел

person Lodder    schedule 08.11.2013

Быстрое решение этой проблемы — модуль, который вы также можете настроить.

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

Скачать по ссылке выше. Он предлагает адаптивное меню. Вам просто нужно определить позицию модуля в вашем шаблоне и назначить модуль там.

person Muhammad Yousuf    schedule 30.03.2016