مشکل در ریسپانسیو دوره ها در سایز lg

سلام استاد عزیز

وقتی بیش از یک row داریم که هرکدوم ۴تا col دارن در سایز lg که نوشتیم در هر باکس ، col-lg-4  یعنی باید در هر سطر ۳ باکس داشته باشیم

سه باکس اول در ردیف اول جا میگیره یدونه باقی مونده میره سطر بعدی تا اینجاش درسته مشکل زمانی بوجود میاد که باید دوتاباکس سطر بعدی بیاد کنار یدونه باکسی که از بقیه جدا افتاده قرار بگیره دقیقا مثل خود تاپلرن ولی در عمل تمامی ردیف های من ۳تا بالاست یدونه پایین یعنی بجای اینکه در ۶ سطر نمایش داده بشه در ۸ سطر  نمای داده میشه. برای حل مشکل چه کار باید انجام بشه.

کدها هم به این شکله 

<div class="container">
 <div class="row">
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
 </div>
 <div class="row">
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
 </div>
 <div class="row">
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
 </div>
<div class="row">
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
   <div class="col-md-6 col-lg-4 col-xl-3">....
   </div>
</div>