风格的Joomla!具有Bootstrap 4.3的模板,将Bootstrap样式添加到自定义样式

时间:2019-04-08 00:11:05

标签: css joomla bootstrap-4 joomla-template

我有一个用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>

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

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

1 个答案:

答案 0 :(得分:0)

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菜单模块分配到“菜单左”位置

3.Additional类将添加菜单类后缀“ mr-auto”