Создание выпадающего меню в панели навигации для мобильных устройств (Интернет) - PullRequest
Новая
       12

Создание выпадающего меню в панели навигации для мобильных устройств (Интернет)

0 голосов
/ 12 апреля 2020

Я работаю над сайд-проектом, чтобы улучшить мои возможности веб-разработки. Я успешно реализовал то, что хотел, но сталкиваюсь со странным поведением (может быть, это не странно, но я пока не знаю;)).

Это изображение, показывающее веб-сайт на рабочем столе:

desktop-1

desktop-2

Что идеально для меня пока, но когда я начинаю тестировать его на своем мобильном телефоне или мобильном эмуляторе Google chrome, я получаю следующее поведение:

mobile-1

mobile-2

Я хочу посмотреть, как это происходит на моем рабочем столе.

Мой код для панели навигации: 

<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<div class="container-fluid">
    <a class="navbar-brand" href="#">WWWWW stock system</a>
    <ul class="nav navbar-nav navbar-right">
        <li>
            <div class="dropdown">
                <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                Actions
                </button>
                <div class="dropdown-menu dropdown-menu-right">
                    <a class="dropdown-item" href="#">Add WWW</a>
                    <a class="dropdown-item" href="#">Add WWW</a>
                    <a class="dropdown-item" href="#">Add WWWn</a>
                </div>
            </div>
        </li>
    </ul>
</div>
</nav>
...