Задать вопрос
hopel19
@hopel19
H3K4R
html

Почему не работает код Bootstrap?

Учусь фреймворку по уроку от Дударя, должна получиться шапка при использовании классов navbar navbar-default, но никакие стили для этих классов автоматически не подбираются
<!DOCTYPE html>
<html>
<head>
	<title>My website</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="js/bootstrap.js">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</head>
<body>
		<div class="navbar navbar-default">
			<div class="container-fluid">
				<div class="navbar-header">
					My website
					
				</div>
				
			</div>
			
		</div>
				
			
	
</body>
</html>

h_weqP6fNCg.jpgVY9E67-mZVA.jpg
  • Вопрос задан
  • 6757 просмотров
5 комментариев
Подписаться 1 Оценить 5 комментариев
Пригласить эксперта
Ответы на вопрос 5
webrevenue
@webrevenue
Веб-дизайнер и SEO оптимизатор
Выкиньте уроки от Дударя, почитайте про семантическую разметку (header, nav, article и т.д.) и как правильно стили располагать: сначала располагается основной bootstrap.min.css, а под ним уже свой style, в котором вы по сути правите основные стили)
Ответ написан
Комментировать
Комментировать
@Arik
Правой кнопкой мыши -> Посмотреть исходный код. Дальше сравниваете его вариант и свой
Ответ написан
Комментировать
Комментировать
zorro76
@zorro76
Сравните свой код и вот этот например : jsfiddle
Ответ написан
Комментировать
Комментировать
djQuery
@djQuery
"Кодируем помаленьку" ("Сказка о Тройке")))
Есть:

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="js/bootstrap.js">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">


Должно быть:

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">
<link rel="stylesheet" href="js/bootstrap.js">


И вообще, js-код лучше помещать перед </body>
Ответ написан
Комментировать
Комментировать
@zzippo
Попробуйте удалить rel="stylesheet" из строк со ссылками на javascript код.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Во Flutter доделать функцию из Ton блокчейна (выставление на продажу)
25 нояб. 2024, в 19:44
20000 руб./за проект
Здравствуйте! Меня зовут Александр, я HR-менеджер компаний Свежий Сове
25 нояб. 2024, в 19:41
300000 руб./за проект
Перенести сайт на CMS Wordpress c Tilda
25 нояб. 2024, в 18:33
10000 руб./за проект
Ещё заказы