Стиль Joomla! шаблон с Bootstrap 4.3, добавьте стиль начальной загрузки в пользовательский стиль - PullRequest
Новая
       23

Стиль Joomla! шаблон с Bootstrap 4.3, добавьте стиль начальной загрузки в пользовательский стиль

0 голосов
/ 08 апреля 2019

У меня есть шаблон, написанный на 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?

Я пытался поместить новый список в div с определенным идентификатором и применить к нему стили, но я не думаю, что этолучший способ!

1 Ответ

0 голосов
/ 08 апреля 2019

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.Дополнительный класс добавит суффикс класса меню 'mr-auto'

...