Как в bootstrape сделать выезжающее меню в мобильной версии?

Вверху две кнопки, одна выводит main меню слева
<ul class="nav pull-left notifcation-center visible-xs" id="main-menu-toggle-wrapper">
                    <li class="dropdown">
                        <a id="main-menu-toggle" href="#main-menu">
                            <div class="iconset top-menu-toggle-white"></div>
                        </a>
                    </li>
                </ul>

вторая должна выводить юзер меню справа.
<ul class="nav pull-right notifcation-center visible-xs" id="user-menu-toggle-wrapper">
                    <li class="dropdown">
                        <a id="user-menu-toggle" href="#user-menu">
                            <div class="iconset top-home"></div>
                        </a>
                    </li>
                </ul>


дальше в коде так
main menu
<div class="page-sidebar" id="main-menu">
            <div class="page-sidebar-wrapper scrollbar-dynamic" id="main-menu-wrapper">
                <?=WidgetMainMenu::widget() ?>
                <div class="clearfix"></div>
            </div>
        </div>


все отлично работает, а вот так же делаю для юзер меню и оно не пашет
<div class="page-sidebar" id="user-menu">
            <div class="page-sidebar-wrapper scrollbar-dynamic" id="user-menu-wrapper">
                <?= UserMenu::widget() ?>
                <div class="clearfix"></div>
            </div>
        </div>


То есть оно выезжает справа, но там черный экран и все, как мне туда юзер меню разместить?
  • Вопрос задан
  • 707 просмотров
Пригласить эксперта
Ответы на вопрос 1
ArteMoon
@ArteMoon
Развиваюсь
Z-index проверить
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы