ایتم های bootstrap 4 در row وسط به صورت عمودی باشند.
<div class="row align-items-center "> <div class="col-9 text-justify p-4 text-muted"> abc </div> <div class="col-3 text-center"> ۵۴ </div> </div>
<div class="row align-items-center "> <div class="col-9 text-justify p-4 text-muted"> abc </div> <div class="col-3 text-center"> ۵۴ </div> </div>
<div class="container"> <div class="d-flex align-items-center py-2"> <div class="d-flex align-items-center"> <div> <a href="/"><img width="170" src="images/logo.png" alt="palnet"></a> </div> <div class="membership px-3"> </div> <div class="shopping-cart px-3"> </div> </div> <div class=" flex-grow-1"> <form class=" float-left" role="search" style="width:450px"> </form> </div> </div> </div>
<div class="container"> <div class="d-flex align-items-center py-2"> <div class="bg-primary p-2"> def</div> <div class="text-left flex-grow-1 bg-info p-2"> abc</div> </div> </div>
منبع