Почему не применяются стили в boostrap 4?

257
24 декабря 2017, 07:29

Почему не применяются стили в boostrap 4?

nav { 
	color: #282828; 
}
<!DOCTYPE html> 
<html lang="en"> 
<head> 
	<title>LecalCaption</title> 
	<meta charset="utf-8"> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
	<link rel="stylesheet" href="css/style.css"> 
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
	 
</head> 
<body> 
	<div class="container"> 
		<nav class="navbar"> 
			<div class="navbar-header"> 
				<a class="navbar-brand" href="#"><img src="images/logo_legal.png" alt=""></a> 
			</div> 
			<ul class="nav navbar-nav justify-content-end"> 
				<li class="active"><a href="#">Home</a></li> 
				<li><a href="#">Page 1</a></li> 
				<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 2<span class="caret"></span></a> 
					<ul class="dropdown-menu"> 
						<li><a href="#">Page 1</a></li> 
						<li><a href="#">Page 2</a></li> 
						<li><a href="#">Page 3</a></li> 
					</ul> 
				</li> 
				<li><a href="#">Page 3</a></li> 
			</ul> 
		</nav> 
	</div> 
	<img src="images/img_back_header.png" alt="" style="width: 100%;"> 
</body> 
</html>

Answer 1

В bootstrap прописаны стили для ссылок, поэтому стоит писать так nav li a:

nav li a{ 
	color: #282828; 
}
<!DOCTYPE html> 
<html lang="en"> 
<head> 
	<title>LecalCaption</title> 
	<meta charset="utf-8"> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
	<link rel="stylesheet" href="css/style.css"> 
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
	 
</head> 
<body> 
	<div class="container"> 
		<nav class="navbar"> 
			<div class="navbar-header"> 
				<a class="navbar-brand" href="#"><img src="images/logo_legal.png" alt=""></a> 
			</div> 
			<ul class="nav navbar-nav justify-content-end"> 
				<li class="active"><a href="#">Home</a></li> 
				<li><a href="#">Page 1</a></li> 
				<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 2<span class="caret"></span></a> 
					<ul class="dropdown-menu"> 
						<li><a href="#">Page 1</a></li> 
						<li><a href="#">Page 2</a></li> 
						<li><a href="#">Page 3</a></li> 
					</ul> 
				</li> 
				<li><a href="#">Page 3</a></li> 
			</ul> 
		</nav> 
	</div> 
	<img src="images/img_back_header.png" alt="" style="width: 100%;"> 
</body> 
</html>

READ ALSO
Плавная анимация плюс и минуса при клике
CSS

Плавная анимация плюс и минуса при клике

 245
Sql injections, dvwa. Ошибка
MySQL

Sql injections, dvwa. Ошибка

Привет всем, прохожу курс по Этичному хикингу, возник вопрос по поводу Sql injections, курс 2015 года, поэтому есть различие

 210
Как выполнить SQL UPDATE и SELECT
MySQL

Как выполнить SQL UPDATE и SELECT

Есть две таблицы arhive и valid_date с общим полем entity_idНужно записать в поле offer_archive 1 если valid_date+23:59:59 меньше текущего времени

 235
Как уменьшить убийство моего SSD с помощью MYSQL
MySQL

Как уменьшить убийство моего SSD с помощью MYSQL

Вопрос - какие настройки поменять в конфигах MYSQL чтобы мой диск расходовал меньше свой ресурс

 258