Bootstrap 5 Баг / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Bootstrap 5 Баг

3 сообщений из 3, страница 1 из 1

Bootstrap 5 Баг

#40033710

Areostar

Участник

Сообщения: 3 545

Рейтинг: 0 / 0

Пытаюсь в соответствии с уроком сделать менюшку на 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

Участник

Сообщения: 426

Рейтинг: 0 / 0

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

Участник

Сообщения: 3 545

Рейтинг: 0 / 0

Stupid_BOT,

спс, покопаюсь

...

Рейтинг:

0 / 0

12.01.2021, 21:51

| Ответить | Цитировать | Написать

3 сообщений из 3, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Bootstrap 5 Баг

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=40034972&tid=1443328]:	0ms
get settings:	9ms
get forum list:	15ms
check forum access:	4ms
check topic access:	4ms
track hit:	27ms
get topic data:	11ms
get forum data:	3ms
get page messages:	47ms
get tp. blocked users:	1ms
others:	14ms

total:	135ms