css - Joomla 3 Bootstrap 3 仅垂直

Question

我正在开发我的第一个 Joomla 3 和 Bootstrap 3 网站。菜单效果很好（下拉完美，汉堡包效果很好。但我不明白为什么所有菜单项都在彼此下方连续显示，而不是彼此相邻。因为其他一切正常，我相当确定我把事情放在错误的顺序。

这是模板中的代码：

<nav class="navbar navbar-default">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"data-target=".navbar-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>    
    <a class="navbar-brand" href="<?php echo $this->baseurl; ?>/"><?php echo $app->getCfg('sitename'); ?></a>
  </div>

  <div class="navbar-collapse collapse">
    <jdoc:include type="modules" name="position-1" style="none" />
    <ul class="nav navbar-nav">
    </ul>
  </div><!--/.nav-collapse -->
</nav>

在页面底部，首先是jquery.js，然后是bootstrap.js。

感谢您的协助，

乔斯