Use Bootstrap Navbar in joomla template

Question

I'm creating template joomla using bootstrap. With navbar top menu I have code:

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

but html show on web is:

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

therefore it show menu form block.. How to show module menu in position template?

score 0 · Answer 1 · answered Jan 23 '16 at 07:18

for defining your position modules in joomla template,you should use jdoc statements.

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

for more info go to link: jdoc statement

for creating style of your menu(by a framework css like bootstrap) you should change templates menu,that there is in folder module.

second way you should use class suffix module joomla,but way template module is the best way.

Use Bootstrap Navbar in joomla template

1 Answers1