https://getbootstrap.com/docs/4.0/la...id/#reordering

Burada yeniden listeleme için kullanılan bootstrap kodlarını görebilirsiniz.

Örnek kullanım; bu kullanımda ilk col elemanı masaüstünde ilk sırada mobilde ikinci sırada görünecektir. İkinci col elemanı da tam tersi olarak görünecektir.

<div class="container">  <div class="row">  <div class="col order-2 order-xl-1">      Second, but last    </div>    <div class="col order-1 order-xl-2">      Third, but first    </div>  </div>
</div>