Не меняется цвет текста и фона через style.css в изучении bootstrap3, что я делаю не так?
0
Изучаю Bootstrap3. Пишу в style.css background-color и color - задаю его #f0ad4e, а он остается синим, так же как и заголовок h1. Код уже сто раз проверила. Даже скопировала из урока - все равно синий. Что я делаю не так...?
Причем через инструменты Google Chrome меняю, копирую, вставляю в css - ноль реакции.
<!DOCTYPE html>
<html lang="ru">
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Bootstrap Navbar</title>
<!-- Подключаем Bootstrap CSS через CDN -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Подключаем style.css -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container-fluid">
<div class="row">
<nav role="navigation" class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1><a href="#">Киномания</a></h1>
<p>Кино - наша страсть!</p>
</div>
</div>
</div>
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbarCollapse" class="collapse navbar-collapse navbar-right">
<ul class="nav nav-pills">
<li class="active"><a href="#">Главная</a></li>
<li><a href="#">Фильмы</a></li>
<li><a href="#">Сериалы</a></li>
<li><a href="#">Рейтинг фильмов</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-sm-9 col-sm-push-3">
<h2>Новые фильмы</h2>
<hr>
<div class="row">
<div class="films_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/inter.png" alt="Интерстеллар">
<div class="film_lebel">Интерстеллар</div></a>
</div>
<div class="films_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/matrix.png" alt="Матрица">
<div class="film_lebel">Матрица</div></a>
</div>
<div class="films_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/cloud.png" alt="Облачный Атлас">
<div class="film_lebel">Облачный Атлас
</div></a>
</div>
<div class="films_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/max.png" alt="Безумный Макс">
<div class="film_lebel">Безумный Макс</div></a>
</div>
</div>
<div class="margin-8"></div>
<h2>Новые сериалы</h2>
<hr>
<div class="row">
<div class="films_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<img src="assets/img/xfiles.png" alt="Секретные материалы">
<div class="film_label">Секретные материалы</div>
</div>
<div class="films_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<img src="assets/img/silicon.png" alt="Кремневая долина">
<div class="film_label">Кремневая долина</div>
</div>
<div class="films_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<img src="assets/img/dead.png" alt="Ходячие мертвецы">
<div class="film_label">Ходячие мертвецы</div>
</div>
<div class="films_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<img src="assets/img/breakingbad.png" alt="Во все тяжкие">
<div class="film_label">Во все тяжкие</div>
</div>
</div>
<div class="margin-8"></div>
<a href="#"><h3>Как снимали Интерстеллар</h3></a>
<hr>
<p>45 лет исполнилось Кристоферу Нолану — одному из самых успешных режиссеров нашего времени, чьи работы одинаково любимы как взыскательными критиками, так и простыми зрителями. Фильмом изначально занималась студия Paramount. Когда Кристофер Нолан занял место режиссера, студия Warner Bros., которая выпускала его последние фильмы, добилась участия в проекте.
</p>
<a href="#" class="btn btn-warning pull-right">Читать</a>
<div class="margin-8"></div>
<a href="#"><h3>Актер Том Хенкс поделился впечатлением о фестивале</h3></a>
<hr>
<p>16 февраля в Лондоне состоялась 67-я церемония вручения наград Британской киноакадемии. Леонардо ДиКаприо, Брэд Питт, Анджелина Джоли, Кейт Бланшетт, Хелен Миррен, Эми Адамс, Кристиан Бэйл, Альфонсо Куарон и другие гости и победители премии — в нашем репортаже.
</p>
<a href="#" class="btn btn-warning pull-right">Читать</a>
<div class="margin-8 class-clear"></div>
</div>
<div class="col-sm-3 col-sm-pull-9">
<div class="panel panel-info">
<div class="panel-heading"><div class="sidebar-header">Поиск</div></div>
<div class="panel-body">
<form role="search">
<div class="form-group">
<div class="input-group">
<input type="search" class="form-control input-lg" placeholder="Ваш запрос">
<div class="input-group-btn">
<div class="input-group-btn">
<button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="panel panel-info">
<div class="panel-heading"><div class="sidebar-header">Вход</div></div>
<div class="panel-body">
<form role="form">
<div class="form-group">
<input type="text" class="form-control input-lg" placeholder="Логин">
</div>
<div class="form-group">
<input type="password" class="form-control input-lg" placeholder="Пароль">
</div>
<button type="submit" class="btn btn-warning pull-right">Вход</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<footer>
<div class="container">
<p class="text-center"> <a href="https://fructcode.com">FRUCTCODE.COM</a> </p>
</div>
</footer>
<!-- Подключаем jQuery и Bootstrap JS через CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>3 ответов
0
У вас в <link rel="stylesheet" href="style.css"> верный путь к файлу style.css? Он в корне проекта лежит или в папке assets/css/style.css?
У вас лишний html здесь еще:
<!DOCTYPE html>
<html lang="ru">
<html lang="ru">
0
Спасибо большое! Именно тут и ошибка! Чувствую себя идиоткой =D
1
Код ваш приложите к вопросу, попробую подсказать.