Joomla 3中的Bootstrap 3 Navbar

Kri*_*unt 2 joomla navbar twitter-bootstrap joomla3.0 twitter-bootstrap-3

我正在尝试在Joomla 3中创建Bootstrap 3模板。我的主导航模块称为“导航”,因此我将其与代码段一起放置在页面上:

<jdoc:include type="modules" name="nav" style="none" />
Run Code Online (Sandbox Code Playgroud)

这将创建带有“导航菜单”类的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>
Run Code Online (Sandbox Code Playgroud)

Lod*_*der 5

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

在其中添加以下内容:

 navbar-nav
Run Code Online (Sandbox Code Playgroud)

请注意,它前面有一个空格