Joomla Mod_Menu 和自定义 Bootstrap 导航

Question

我用 bootstrap studio 创建了一个新模板（完整模板）。我用 Joomla 加入了它，除菜单外一切正常..

这是我的 "Nav" 元素 - 标准 bootstrap 使用一些自定义 JS 将菜单从右侧滑出，而不是从顶部滑出：

            <nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-dark" style="width:100%;padding-left:0px;padding-bottom:0px;padding-right:0px;padding-top:0px;">
            <div class="container"><a class="navbar-brand" href="<?php echo $this->baseurl ?>" style="font-weight:bold;font-family:'Titillium Web', sans-serif;"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/assets/img/Logo.png" style="height:30px;background-position:center;background-repeat:no-repeat;margin-bottom:10px;margin-right:5px;">Romuring.ee</a>
                <button
                    class="navbar-toggler" data-toggle="collapse" data-target="#navcol-1" style="font-family:'Titillium Web', sans-serif;color:rgba(255,255,255,0.5);background-repeat:repeat-y;background-size:cover;"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                    <div class="collapse navbar-collapse" id="navcol-1" style="font-family:'Titillium Web', sans-serif;font-weight:bold;">
                        <ul class="nav navbar-nav mx-auto" style="background-position:center;background-size:cover;background-repeat:repeat-y;">            
                            <jdoc:include type="modules" name="menu-1"  />
                        </ul>
                    </div>
            </div>
        </nav>

现在我知道我需要对 mod_menu 进行 "override" 以使我的 "css" 与菜单一起工作。

目前它有 "standard" 个蓝色链接，不受我的风格影响。

PS！我不知道如何让它工作..

我制作了覆盖文件，我认为我应该编辑 default_url.php 文件？

我的菜单是这样的：

应该是这样的：

Answer 1

Joomla 需要一个菜单模块。那就是你可以设计它的地方。

我的方法是覆盖菜单模块，然后是这个：

https://forum.joomla.org/viewtopic.php?t=651988

Joomla Mod_Menu 和自定义 Bootstrap 导航

Joomla Mod_Menu and Custom Bootstrap nav

html

php

joomla

bootstrap-4