Bootstrap'ta col

col-12 col-sm-6 classlarına sahip bir div’i şöyle yorumluyorum
tüm ekran tiplerinde 12 alan kaplıyor ama small ekran tipinde 6 alan kaplıyor
benim anlayamadığım taraf bu kod tam tersi şekilde çalışıyor.
Tüm ekran tiplerinde 6 alan alırken small ekran tipinde 12 alan alıyor.
Benim anlayamadığım kısım nedir ? Lütfen birisi bana açıklayabilir mi?
Yada col-12 small’danda küçük ekran tipini temsil ediyor sm ve üzeri ekranlarda 6 alan kaplıyor. Doğrumudur?
Yani tam olarak açıklayamıyorum.

col-sm-6, small (sm) ve daha büyük ekranlarda 6/12 alan kapla anlamına gelir. Yani extra small (xs) hariç tutulur.

col-12, ise bütün ekranlarda 12/12 alan kapla anlamına gelir.

hiç ikisini aynı anda kullanmadığımı hatırlamıyorum; ama anladığım kadarıyla col-sm-6 baskın geliyor ve sm ve daha büyük ekranlarda 6 alan alıyor; xs de 12 alan alıyor.

1 Beğeni

Teşekkür ederim hocam iyi forumlar.