Задать вопрос
Angel700
@Angel700
новичок в программирований!
css

Как мне сделать меню?

я решил сделать сайт по макету psd
и я занялся
но у меня произошла ошибка
когда я написал d-flex
то произошло это : 5e9f25c9678a7415949131.png
помогите мне!
код :
<!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>
  • Вопрос задан
  • 110 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
scottparker
@scottparker
по умолчанию flex располагает элементы в строку, добавьте класс flex-column для того, что бы был столбец.
но вообще неплохо было описать, чего вы хотели добиться, что бы не нужно было догадываться
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Frontend разработчик
Базис-Центр • Коломна
от 30 000 до 70 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Скрипт для оценки ссылки через Virus Total
03 мая 2024, в 02:30
3000 руб./за проект
Переписать бота тг с питона на Go по ветке из гита
03 мая 2024, в 02:03
20000 руб./за проект
Установщик на INNO SETUP
03 мая 2024, в 00:45
1000 руб./за проект
Ещё заказы