в настольной версии у нас есть левый столбец (с вертикальными шагами) и правый столбец. в мобильной версии левый столбец заканчивается выше. При этом я хотел бы, чтобы мобильная версия показывала 4 шага по горизонтали.
, но, как я и сделал, это не работает. Я не понимаю, почему
кто-нибудь может решить?
<div class="row">
<div class="col-lg-4 col-md-5 col-sm-12 blue">
<div class="p-2">
<div class="row">
<div class="col-3 col-sm-12">step 1</div>
<div class="col-3 col-sm-12">step 2</div>
<div class="col-3 col-sm-12">step 3</div>
<div class="col-3 col-sm-12">step 4</div>
</div>
</div>
</div>
<div class="col-lg-8 col-md-7 col-sm-12 bg_blue white">
<div class="text-center p-5">
<h1 class="pt-5">Simulator</h1>
<h2>Sei già associato a?</h2>
<div class="m-5">
<button action="" type="button" class="btn round btn-outline-light btn-lg">SÌ</button>
<button type="button" class="btn round btn-outline-light btn-lg">NO</button>
</div>
</div>
</div>
</div>