я решил сделать сайт по макету psd
и я занялся
но у меня произошла ошибка
когда я написал d-flex
то произошло это :
помогите мне!
код :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link href="https://fonts.googleapis.com/css?family=Titillium+Web&display=swap" rel="stylesheet">
<style type="text/css">
.icon {
margin-top: 57px;
margin-bottom: 57px;
margin-left: 212px;
}
/* 46px */
.menu__item a {
margin-top: 57px;
margin-bottom: 57px;
margin-left: 465px;
font-size: 16px;
text-transform: uppercase;
font-family: 'Titillium Web', sans-serif;
color: #fff;
text-decoration: none;
}
header {
background-color: #87509c;
}
</style>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<body>
<header class="container-fluid d-flex">
<img class="icon" src="logo.png" width="100px">
<nav>
<ul class="menu d-flex">
<li class="menu__item">
<a href="#">Home</a>
</li>
<li class="menu__item">
<a href="#">About</a>
</li>
<li class="menu__item">
<a href="#">Work</a>
</li>
<li class="menu__item">
<a href="#">Blog</a>
</li>
<li class="menu__item">
<a href="#">Contact</a>
</li>
</ul>
</nav>
</header>
</body>
</html>
Простой
