Я создаю простой веб-сервер Express, который обслуживает целевую страницу, созданную с помощью начальной загрузки, но я не могу заставить работать примеры Flexbox.
Ниже приводится моя целевая страница, есть ли что-то, чем я не являюсьвидя?Я проверил, что ссылки jQuery и Bootstrap работают.Я также просмотрел страницу в Firefox, Chrome и Edge.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Homepage</title>
<!-- STYLES -->
<link rel="stylesheet" href="../public/styleshee/bootstrap.min.css"/>
<link rel="stylesheet" href="../public/stylesheets/main.css" />
</head>
<body>
<div class="d-flex justify-content-around">
<div class="p-2">Flex item 1</div>
<div class="p-2">Flex item 2</div>
<div class="p-2">Flex item 3</div>
</div>
<button id="test-btn" class="btn btn-success">Button</button>
<!-- SCRIPTS-->
<script src="../public/javascripts/jquery.min.js"></script>
<script src="../public/javascripts/bootstrap.min.js"></script>
<script src="../public/javascripts/index.js"></script>
</body>
</html>
Вот снимок экрана с выводом:
Как видите, justify-content-around работает не так, как ожидалось.Я пробовал несколько классов Flexbox с одинаковыми результатами.