twitter-bootstrap - Joomla 3 中的 Bootstrap 3 导航栏

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

我正在尝试在 Joomla 3 中创建一个 Bootstrap 3 模板。我的主要导航模块称为“nav”,因此我将它放在带有代码片段的页面上:

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

最佳答案

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

在那里,添加以下内容:

 navbar-nav

注意前面有个空格

关于twitter-bootstrap - Joomla 3 中的 Bootstrap 3 导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19863558/

相关文章:

css - 如何使用我们的用户定义样式覆盖默认的 Bootstrap.css 样式

php - 如何扩展 Joomla!到我的自定义 PHP 文件

javascript - 动态更新进度条问题

html - 输入组未扩展以填充 100% - bootstrap 3

ruby-on-rails-3 - Twitter Bootstrap : do I need both bootstrap-sass and twitter-bootstrap-rails gems?

css - 带词缀的 Sidenav - 链接不会换行到下一行

twitter-bootstrap - Bootstrap 4 中的 .btn-default 去了哪里?

php - 如何在 joomla 中为我的表单 XML 字段添加占位符

sql - 乔姆拉。在 bluehost 服务器上移动网站并为新域手动导入 sql 数据库后,在 JError 中检测到无限循环?

html - 为什么我的 bootstrap 响应表没有缩小