Сам текст занимает всего 4 колонки по сетке Bootstrap, если я прописываю блоку с данным текстом class='col-4'
, то элемент занимает первые 4 колонки слева, а мне нужно выровнять по середине, как это можно сделать? Использую только сетку Bootstrap4. Пробовал задавать класс class='col-12'
после чего задавать блоку с текстом text-align: center;
, но считаю, что это не правильно. Т.к. если бы это был, например, блок с границами, то он растянулся бы на все 12 колонок.
* {
margin: 0;
padding: 0;
font-family: 'Montserrat', sans-serif;
}
html {
font-size: 10px;
}
.container {
max-width: 1170px;
margin: 0 auto;
}
h3 {
font-size: 15px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
}
<section class="your_invetnory">
<div class="container">
<div class="row justify-content-center">
<div class="col-4 inventory_before_after">
<h3>Ваш инвентарь до и после</h3>
</div>
</div>
</div>
</section>
.justify-content-center