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ı?
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;
}
}