繁体   English   中英

风格Joomla! 使用Bootstrap 4.3模板,将自举样式添加到自定义样式

[英]Style Joomla! template with Bootstrap 4.3, Add bootstrap style to custom style

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

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

1.Below代码复制并粘贴您的模板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.附加类将添加菜单类后缀'mr-auto'

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM