Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Bootstrap 5 Баг / 3 сообщений из 3, страница 1 из 1
05.01.2021, 22:18
    #40033710
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap 5 Баг
Пытаюсь в соответствии с уроком сделать менюшку на 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
| Ответить | Цитировать | Написать  
12.01.2021, 07:08
    #40034972
Stupid_BOT
Stupid_BOT
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap 5 Баг
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, 21:51
    #40035180
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap 5 Баг
Stupid_BOT,

спс, покопаюсь
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Bootstrap 5 Баг / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 156ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1443328]:
 0ms
get settings:
 9ms
get forum list:
 12ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 54ms
get topic data:
 12ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 2ms
others: 13ms
total:  156ms
x
x
Закрыть


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