Boostrap4 колонки?

Question

[GRO24]

Всем привет!
Подскажите, как выровнять блоки можно

<div class="row">
                    <div class="col-xs-7 col-sm-7 col-md-7 col-lg-7">
                        контент
                     </div>
                    <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
                        контент
                     </div>
                    <div class="col-xs-7 col-sm-7 col-md-7 col-lg-7">
                        требуется выровнять
                     </div>
                </div>

Суть в чем, нужно что бы второй блок col-7 шел сразу же после предыдущего col-7 по высоте
Нужно что бы как на скрине отображало, а сейчас col-7 стартует по концу высоты col-5

Comments

[Lord_Dantes]

Вот тут то и проблема(

Answer 1

[Andrew]

Так всё верно.
Чтобы у вас семёрки прижимались друг к другу придётся поменять структуру, а так высота 12 колонок будет одной.(Да, тогда порядок поменяется в мобилке)
Сделайте вот так:

<div class="row">
 <div class="col-7">
  <div class="block1"></div>
  <div class="block2"></div>
 </div>
 <div class="col-5"></div>
</div>

Или костылями считайте разницу пятого и седьмого и делайте минус margin-top

Comments

[GRO24]

Да, так и думал, уточнить, возможно есть решение) Но увы его нет)
Спасибо

[Islam Ibakaev]

Или костылями считайте разницу пятого и седьмого и делайте минус margin-top

please, stop it...

Answer 2

[Islam Ibakaev]

так что-ли хотел?

<div class="row">
	<div class="col-xs-7 col-sm-7 col-md-7 col-lg-7">
		col-7
	</div>
		<div class="col-xs-7 col-sm-7 order-sm-1 col-md-7 col-lg-7">
		col-7
	</div>
	<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
		col-5
	</div>
</div>

Answer 3

[Андрей]

https://youtu.be/2JMMnNOhDoc