Joomla 3中的Bootstrap 3导航栏答案

【问题标题】：Bootstrap 3 Navbar in Joomla 3Joomla 3中的Bootstrap 3导航栏
【发布时间】：2013-11-08 16:09:47
【问题描述】：

我正在尝试在 Joomla 3 中创建一个 Bootstrap 3 模板。我的主导航模块称为“nav”，所以我将它放在带有 sn-p 的页面上：

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

这将创建一个具有“导航菜单”类的 ul。由于 Bootstrap 3 导航栏的设置方式，我需要将其设为“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>

【问题讨论】：

标签： twitter-bootstrap joomla twitter-bootstrap-3 navbar joomla3.0

【解决方案1】：

在Joomla后端，进入菜单模块，点击“高级”选项卡，您将看到一个名为“模块类后缀”的字段。

在其中添加以下内容：

 navbar-nav

注意前面有个空格

【讨论】：

【解决方案2】：

对此的快速解决方案是您也可以自定义的模块。

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

从上面的链接下载。它提供响应式菜单。您只需要在模板中定义一个模块位置并在那里分配模块。

【讨论】：