Пытаюсь в соответствии с уроком сделать менюшку на 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>
|
открываю в браузере пункты мены должны появлятьсяпри нажатии на кнопку ввиде вертикальной меню. но они просто торчат на основном фоне когда окно полностью открыта и при уменьшении окна изчезают и по клику на кнопке ничего не происходит. Почему?
|