Bootstrap Dropright на боковой панели навигационного меню - PullRequest
Новая
       11

Bootstrap Dropright на боковой панели навигационного меню

0 голосов
/ 11 января 2020

Помимо основной панели навигации, которая является горизонтальной, сверху на указанной странице c у меня есть вертикальное меню с категориями продуктов. То, что я хочу сделать, это когда вы наводите курсор мыши на категорию, подкатегории должны открываться в меню Dropright. Дело в том, что я хочу сделать это с bootstrap (не по выбору css, если это возможно), а также сделать его отзывчивым. Например, если он будет отзывчивым, когда вы нажмете на категорию, он должен перейти на страницу категории 

<div class="row">
              <div class="col-sm-3">      
                  <ul class="nav flex-column sidebarCss toolgroup">

                      <li class="nav-item">
                        <a class="nav-link disabled headerMeniu" href="#"><b>Produse</b></a>
                      </li>      
                                 <li class="active">
            <a href="#consoleSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Console<span style="float:right; font-size:18px;"> > </span></a>
            <ul class="collapse list-unstyled" id="consoleSubmenu">
                <li>
                    <a href="#">Playstation 4</a>
                </li>
                <li>
                    <a href="#">Xbox One</a>
                </li>
                <li>
                    <a href="#">Nintendo Switch</a>
                </li>
            </ul>
        </li>

На данный момент категория падает как на P C, так и на мобильном телефоне, но я хочу, чтобы он был при наведении курсора на P C и был справа внизу. Также для мобильных устройств, я хочу, чтобы он был на месте, но только на СТРЕЛКЕ, чтобы свернуть.

...