2

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

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

ответ

4

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

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

navbar-nav 

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

+0

Большое вам спасибо. –

+0

@ KrisHunt - добро пожаловать;) – Lodder

0

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

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

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

+0

Пожалуйста, разместите соответствующий раздел кода здесь. –