html - 我如何让我的菜单正确生成

Question

我需要能够使用 Bootstrap 导航菜单，但是它们是一个问题，我在 joomla 中的菜单项的高级设置上附加了导航栏，但是菜单看起来不像它应该做的那样。

<nav class="navbar navbar-default" role="banner">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <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="index.html"><img src="<?php echo $this->baseurl ?>/images/us2pk.png" alt="US2PK"></a>
            </div>
             <div class="collapse navbar-collapse navbar-right">

                <jdoc:include type="modules" name="position-7" style="none" />


            </div>
        </div><!--/.container-->
    </nav><!--/nav-->

这里菜单有误 http://us2pk.solitudesoftware.co.uk/how-us2pk-works

这里是正确的。 http://us2pk.solitudesoftware.co.uk/

Answer 1

最重要的是，正确菜单上的标记有 <li><a>|</a></li> - 实际菜单元素之间的元素。您可以通过在每个元素之间向菜单添加新菜单项来添加类似的内容，您可以在其中选择菜单项类型系统链接->文本分隔符。在这里你只需添加一个 |作为标题。这是用 <li class="item-122 divider"><span class="separator ">|</span></li> 呈现的, 并且应该很容易设计出与正确菜单相似的样式。