Boostrap Mobil Sıralaması

23-11-2020, 10:54:21

Arkadaşlar Merhaba,

Sitemde 2 ana bölüm var ben bu alanları mobilde tam tersi sıralamak istiyorum.

Örnek : 1.Div 2. Dv Masaüstü Görünümü Bu şekilde ben bunu mobile girdiğinde 2.Div 1. Div Şeklinde görünmesini istiyorum yardımcı olurmusunuz ?

23-11-2020, 10:58:49

#2

soxiety_

eger flex yapısı var ise flex-direction:row-reverse araştırın.

23-11-2020, 11:07:35

#3

AspavA

en güzeli @media ile yaparsın

23-11-2020, 11:29:06

#4

Adalente

site e-evcil.com önce vitrin ilanlarının gelmesini istiyorum ilk sıra sol bölüm geliyor önce sağ kısım gelsin istiyorum

23-11-2020, 12:18:21

#5

Hunper

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>

23-11-2020, 17:24:54

#6

Adalente

Yok olmadı tam mantığı kuramadım.

Hunper adlı üyeden alıntı: mesajı görüntüle

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>