在joomla模板中使用Bootstrap Navbar

Question

我正在使用bootstrap创建模板joomla。使用导航栏顶部菜单，我有以下代码：

<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <jdoc:include type="modules" name="position-7" style="none" />
      </ul>


    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

但是web上的html显示是：

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
                <div class="module">
            <div>
                <div>
                    <div>
                                            <ul class="nav menu">
<li class="item-435 current active"><a href="/dv/" title="Start here" >Home</a></li><li class="item-468 parent"><a href="#" title="Efficient navigation" >Menu1</a></li><li class="item-1206 parent"><a href="#" >Menu2</a></li><li class="item-1224 parent"><a href="#" >Menu3</a></li><li class="item-1211"><a href="#" >Menu4</a></li><li class="item-t1252"><a href="#" >Menu5</a></li></ul>
                    </div>
                </div>
            </div>
        </div>
      </ul></div>

因此它显示菜单窗体块..如何在岗位模板中显示模块菜单？

Answer 1

为了在joomla模板中定义position模块，您应该使用jdoc语句。

<jdoc:include type="module" name="mainmenu" title="Main Menu" />

有关更多信息，请访问链接：jdoc statement

为了创建菜单的样式(通过像bootstrap这样的框架css )，您应该更改文件夹模块中的templates菜单。

第二种方式你应该使用类后缀模块joomla，但是方式模板模块是最好的方式。