<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>

منبع