Как перенести элемент flex на новую строку?

Question

[MRcracker]

Есть блок, который содержит в себе несколько div блоков с классом col. Как принудительно перенести несколько из них на новую строку?

<div class="container">
	<div class="row">
		<div class="col">1</div>
		<div class="col">2</div>
		<div class="col">3</div>
               <div class="col">5</div>
	</div>
</div>

Answer 1

[MRcracker]

чтобы принудительно перенести бок на на новую строку, то его нужно разместить в новом блоке с классом row

Answer 2

[CatCotCod]

Играйся с классом .col (.col-2, col-3 и так далее)

Тут всё объясняется на эту тему подробно - https://bootstrap-4.ru/docs/4.0/layout/grid/

<div class="container">
  <div class="row">
    <div class="col-6">1</div>
    <div class="col-6">2</div>
    <div class="col-2">3</div>
               <div class="col-4">5</div>
  </div>
</div>

Comments

[MRcracker]

col это длина колонки, а мне нужно просто принудительно перенести блок на новую строку не задавая ширину самого блока

Answer 3

[Герман Зуяков]

Так на новую строку нужный блок пренеси и всё.