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

Question

[Chesterfield25]

Как разместить контент по центру в col-6?

<div class="row justify-content-md-center">
	    <div class="col-6">
             Column
            </div>
            <div class="col-6">
              Column
            </div>
           </div>

Answer 1

[WapSter]

Comments

[Chesterfield25]

Работает на ура но в таком случае

<div class="col-6 d-flex justify-content-md-center">
             Column
            </div>
            <div class="col-6 d-flex justify-content-md-center">
              Column
            </div>

при уменьшение экрана происходит сужение а не перенос

[WapSter]

Chesterfield25, ну так у тебя col-6, чтобы блоки переносились добавь классы col-12 col-md-6. И если нужно центрировать на всех экранах то вместо justify-content-md-center поставь justify-content-center

[Chesterfield25]

WapSter,

Если делаю так то оно сразу переносит их. А мне нужно только при сужение экрана!

<div class="row">
		
        <div class="col-12">
		        <div class="col-6 d-flex justify-content-center">
             Column
            </div>
            <div class="col-6 d-flex justify-content-center">
              Column
            </div>
        </div>

[WapSter]

Chesterfield25, я тебя не понимаю, и так уже подсказал как сделать

[Chesterfield25]

WapSter, результат этого кода приводит к тому что

<div class="col-6 d-flex justify-content-center">
             Column
            </div>
            <div class="col-6 d-flex justify-content-center">
              Column
            </div>

изначально переносит на новую строку. А спрашивал как сделать что бы перенос происходил при сужение экрана