ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Bootstrap 5 Баг
3 сообщений из 3, страница 1 из 1
Bootstrap 5 Баг
    #40033710
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Пытаюсь в соответствии с уроком сделать менюшку на Bootstrap 5:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
<!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/bootstrap@5.0.0-beta1/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/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
	</body>
</html>



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

пункты мены должны появлятьсяпри нажатии на кнопку ввиде вертикальной меню. но они просто торчат на основном фоне когда окно полностью открыта и при уменьшении окна изчезают и по клику на кнопке ничего не происходит. Почему?
...
Рейтинг: 0 / 0
05.01.2021, 22:18
| Ответить | Цитировать | Написать  
Bootstrap 5 Баг
    #40034972
Stupid_BOT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Stupid_BOT
Участник
Areostar,
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<!-- 
    data-bs-toggle _NOT_ data-toggle
    data-bs-target  _NOT_ data-target

    data-bs-target="#navbarContent"
                    ^-- hash-sign if you refer to elementID
-->
<button class="navbar-toggler" type="button" 
        data-bs-toggle="collapse" 
        data-bs-target="#navbarContent" 
        area-controls="navbarContent" area-expanded="false">


Код: html
1.
2.
3.
4.
5.
<!--
    misspelling `claas` instead of `class`
    also in other "nav-link"s
-->
<a href="" class="nav-link">Home</a>



bootstrap 5.0 docs/navbar
...
Рейтинг: 0 / 0
12.01.2021, 07:08
| Ответить | Цитировать | Написать  
Bootstrap 5 Баг
    #40035180
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Stupid_BOT,

спс, покопаюсь
...
Рейтинг: 0 / 0
12.01.2021, 21:51
| Ответить | Цитировать | Написать  
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Bootstrap 5 Баг
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]