Как разместить блоки в bootstrap по центру?

Question

[newsworker90]

<div class="container">
     <div class="row">
           <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"></div>
           <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"></div>
           <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"></div>
           <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"></div>
           <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"></div>
           <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"></div>
           <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"></div>
     </div>
</div>

По умолчанию блоки становятся так:

А как их разместить по центру, так:

Ну и что бы это было адаптивно.

Comments

[Yan Markov]

Добавь к контейнеру класс justify-content-center

Answer 1

[Анита Ковалева]

к примеру

Comments

[Yan Markov]

Красиво, а самое главное – просто!
Но это не bootstrap, к сожалению.

[Анита Ковалева]

Yan Markov, У бутстрапа есть свои миксины - Justufy-content, где вы добавляете в родителя row кастомный класс.

Для каждого из разрешений - есть lg, md, xs и тд, добавляя вы используете медиа запросы встроенные в бутстрап

[Yan Markov]

Анита Ковалева, во, вот это уже полноценный ответ. Ставлю лайк.

[Анита Ковалева]

Yan Markov, не за что) пользуйтесь)

[Владислав Лысков]

Yan Markov, тут кроме кнопки лайк, есть кнопка "отметить решением"

[Yan Markov]

Владислав Лысков, ого, видимо дизайнер постарался на славу. Рад, что есть такая кнопка. Но я не автор вопроса, к сожалению, да.

[Владислав Лысков]

Yan Markov, :(