В строках bootstrap не работает ни

ни

Необходимо на странице чтобы следующая строка шла после заготовка H1. А она получается чуть выше заголовка. Подозреваю что причина мои слабые знания бутстрап. Хром в коде старинцы отображает <p>..</p> после строки таким образом.

<!doctype html>
<html lang="ru">
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-kjU+l4N0Yf4ZOJErLsIcvOU2qSb74wXpOhqTvwVx3OElZRweTnQ6d31fXEoRD1Jy" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<div class="row justify-content-center">
  <h1>ДИЗАЙН ПРОЕКТ</h1>
  <p>
    У нас есть разные варианты стоимости дизайн-проекта: они отличаются визуальной составляющей.</p>
</div>
</body>
</html>

отображение в хроме


Ответы (0 шт):