css - 风格 Joomla!使用 Bootstrap 4.3 模板，将引导样式添加到自定义样式

Question

我有一个用 html 和 css 编写的模板，想在 Joomla 中使用它! 4、例如我有这个导航栏

<nav class="navbar navbar-default navbar-expand-md navbar-light bg-light sticky-top">
 <div class="container">

  <div class="navbar-header">  
    <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#mainNavbar">
     <span class="navbar-toggler-icon"></span>
    </button> 
  </div>

  <ul class="navbar-nav mr-auto navbar-collapse collapse" id="mainNavbar">
   <li class="nav-item">
    <a class="nav-link"></a>
   </li>                    
  </ul>  

 </div>
</nav>

我需要用

替换列表

<div id="navbar-left">
 <jdoc:include type="modules" name="menu-left" style="none"/>
</div>

如何将相同的类(class)添加到新列表中？即这些类:navbar-nav mr-auto navbar-collapse collapse?

我曾尝试将新列表放入具有特定 id 的 div 中并对其应用样式，但我认为这不是最好的方法!

Answer 1

1.下面的代码复制并粘贴你的模板index.php

<?php if ($this->countModules('menu-left')) : ?>
<nav class="navbar navbar-default navbar-expand-md navbar-light bg-light sticky-top">
<div class="container">

 <div class="navbar-header">  
    <button type="button" class="navbar-toggler" data-toggle="collapse" data-target=".nav-collapse">
     <span class="navbar-toggler-icon"></span>
    </button> 
  </div>

    <div class="nav-collapse">
        <jdoc:include type="modules" name="menu-left" style="none" />
    </div>
   </div>
</nav>

2.将 Joomla 菜单模块分配到 'menu-left' 的位置

3.Additional类会添加菜单类后缀'mr-auto'