Twitter bootstrap 使用Joomla 3.4中的Bootstrap 2.3.2缩小导航栏

我试图在Joomla3.4（使用Bootstrap 2.3.2）中获得一个“缩小”的导航条。我试图从中实现该解决方案，但它基于bootstrap3，因此似乎无法正常工作

这是我正在创建的站点/页面：

这是我在Joomla模板中实现的导航栏：

        <!-- navigation bar -->
    <div id="navwikkel" class="row-fluid">
        <nav class="span12 navbar navbar-default navbar-fixed-top normal" role="navigation">
            <div class="navbar-inner">
                <div class="container-fluid">
                    <a class="btn btn-navbar navbbar-toggle collapsed" data-toggle="collapse" data-target=".nav-collapse">
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </a>
                  <a class="navbar-brand" href="#"><img src="<?php echo $this->baseurl ?>/templates/thomsterdamparallax/images/logo.png" /></a>
                    <p class="menuklikhier visible-phone visible-tablet hidden-desktop">menu
                    </p>
                    <div class="nav-collapse collapse">
                    <jdoc:include type="modules" name="navigatie" style="none" />
                    </div>
                </div>
            </div>
        </nav>
    </div>
      <!-- end navigation bar -->

菜单

您可能需要查看css文件以了解我在那里使用的内容