Bootstrap hidden çalışmıyor.

Bir projemde bootstrap ın hidden özelliğini kullanmıştım. Başka bir projemde hidden özelliği yok. Bootstrap hidden kodlarını atabilecek var mı?


Mahmut Mahmut Yeni Üye Tarih: 20.06.2018 Kategori: FrontEnd

Bootstrap hidden kodları,

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1199px) {
    .hidden-lg {
        display: none !important;
    }
}

Bootstrap visible kodları,

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
}

@media (min-width: 1199px) {
    .visible-lg {
        display: block !important;
    }
}

Mehmet AYHAN Mehmet AYHAN Yeni Üye Tarih: 20.06.2018