Bootstrap Mobil Sorunu

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.

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

Kodları nasıl iletebilirim size

başka bir class override yapıyor

nasıl yani anlayamadım

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

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​​​

şuan ekran zaten masaüstü, sayfayı mobile göre küçülttüğünüzdeki kodlar onemli