Bootstrap Mobil Sorunu

Question

Merhaba arkadaşlar bootstrap kullanarak bir site tasarlıyorum fakar mobil kısmı için biraz sorun var. Div'i mobilde tam ekran yapmak için col-sm-12 class ını kullanıyorum fakat css lerin üzeri çizili olarak geliyor bootstrap ı cdn den kullanıyorum.

patrick · Answer

kete52 adlı üyeden alıntı:						mesajı görüntüle									 		şuan ekran zaten masaüstü, sayfayı mobile göre küçülttüğünüzdeki kodlar onemli

tristy · Answer

bir row içinde 12li grid'i doldurun. 12yi geçen sütunlar için yeni bir row kullanın daha sağlıklı olur.

kete52 · Answer

furkanerkul adlı üyeden alıntı:						mesajı görüntüle									o sayfaya ait kodları paylaşırsanız kontrol edebilirim 		Tamamdır düzeldi hocam teşekkür ederim

furkanerkul · Answer

kete52 adlı üyeden alıntı:						mesajı görüntüle									Bos bir sayfada yapınca çalışıyor fakat bu sayfada calismiyor hocam 		o sayfaya ait kodları paylaşırsanız kontrol edebilirim

kete52 · Answer

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

bootstrap 4 kullanıyorsanız mobil için col-12 şeklinde kullanmanız gerekmektedir.
Şu sırayla gidiyor Grid Kullanımı;

col-12 //Extra small < 576px
col-sm-12 //Small ≥ 576px
col-md-12 //Medium ≥ 768px
col-lg-12 //Large ≥ 992px
col-xl-12 //Extra large ≥ 1200px

Kaynak : Bootstrap

furkanerkul · Answer

kete52 adlı üyeden alıntı:						mesajı görüntüle									Bootstrap sürümü 4.3.1 		
Developer Tools'dan ekranı mobil yaparsanız sonucu göreceksiniz çalışmama şansı yok hocam eğer bootstrap grid ayarlarıyla oynamadıysanız.

kete52 · Answer

furkanerkul adlı üyeden alıntı:						mesajı görüntüle									mobilde 100% olması için col-12 kullanacaksınız sadece bootstrap sürümünüzü kontrol eder misiniz ? 		Bootstrap sürümü 4.3.1

furkanerkul · Answer

kete52 adlı üyeden alıntı:						mesajı görüntüle									bir şey değişmedi 		mobilde 100% olması için col-12 kullanacaksınız sadece bootstrap sürümünüzü kontrol eder misiniz ?

kete52 · Answer

furkanerkul adlı üyeden alıntı:						mesajı görüntüle									bootstrap 4 kullanıyorsanız mobil için col-12 şeklinde kullanmanız gerekmektedir.
Şu sırayla gidiyor Grid Kullanımı;

col-12 //Extra small < 576px
 col-sm-12 //Small &#8805; 576px
 col-md-12 //Medium &#8805; 768px
 col-lg-12 //Large &#8805; 992px
 col-xl-12 //Extra large &#8805; 1200px

Kaynak : &#8203;Bootstrap&#8203;&#8203;&#8203; 		bir şey değişmedi

furkanerkul · Answer

bootstrap 4 kullanıyorsanız mobil için col-12 şeklinde kullanmanız gerekmektedir.
Şu sırayla gidiyor Grid Kullanımı;

col-12 //Extra small < 576px
col-sm-12 //Small &#8805; 576px
col-md-12 //Medium &#8805; 768px
col-lg-12 //Large &#8805; 992px
col-xl-12 //Extra large &#8805; 1200px

Kaynak : &#8203;Bootstrap&#8203;&#8203;&#8203;

kete52 · Answer

patrick adlı üyeden alıntı:						mesajı görüntüle									yani farklı bir css kuralı sizino kodunuzun üzerine yazıyor ve geçersiz kılıyor. devtools'tan ilgili elementin css kodlarını gösteren kısmın ekran görüntüsünü atabilir misiniz

patrick · Answer

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

Bootstrap sürümü 4.3.1

Developer Tools'dan ekranı mobil yaparsanız sonucu göreceksiniz çalışmama şansı yok hocam eğer bootstrap grid ayarlarıyla oynamadıysanız.

kete52 · Answer

patrick adlı üyeden alıntı:						mesajı görüntüle									başka bir class override yapıyor 		nasıl yani anlayamadım

patrick · Answer

başka bir class override yapıyor

kete52 · Answer

TRcodex adlı üyeden alıntı:						mesajı görüntüle									Engelleyen bir class veya css olabilir kodları detaylı olarak iletirseniz inceleyebilirim 		Kodları nasıl iletebilirim size

TRcodex · Answer

Engelleyen bir class veya css olabilir kodları detaylı olarak iletirseniz inceleyebilirim