[英]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.