Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Bootstrap 5 Баг 
:(
    Опции темы
Areostar
Дата 5.1.2021, 22:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: -1
Всего: -2



Пытаюсь в соответствии с уроком сделать менюшку на Bootstrap 5:

Код

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>HTML Project 01</title>

        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
        <link href="css/styles.css" rel="stylesheet">
    </head>
    <body>
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <div class="container">
                <a href="" class="navbar-brand">Logotype</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="navbarContent" area-controls="navbarContent" area-expanded="false">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarContent">
                    <ul class="navbar-nav mr-auto mb-2">
                        <li class="nav-item">
                            <a href="" claas="nav-link">Home</a>
                        </li>
                        <li class="nav-item">
                            <a href="" claas="nav-link">About Us</a>
                        </li>
                        <li class="nav-item">
                            <a href="" claas="nav-link">Project</a>
                        </li>
                        <li class="nav-item">
                            <a href="" claas="nav-link">Contacts</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
    </body>
</html>


открываю в браузере

пункты мены должны появлятьсяпри нажатии на кнопку ввиде вертикальной меню. но они просто торчат на основном фоне  когда окно полностью открыта и при уменьшении окна изчезают и по клику на кнопке ничего не происходит. Почему?
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
2 Пользователей читают эту тему (2 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1027 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.