2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-11 18:02:28 +03:00

First pass at updated responsive utilities to be mobile-first. Pulled from #7490 by @apotropaic

This commit is contained in:
Mark Otto
2013-04-20 12:33:09 -07:00
parent 04d782efab
commit 510c9a6ad8
2 changed files with 54 additions and 32 deletions
+31 -11
View File
@@ -5310,47 +5310,67 @@ a.list-group-item.active > .badge,
}
.visible-phone {
display: none !important;
display: inherit !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
.visible-desktop {
display: none !important;
}
.visible-desktop {
.hidden-phone {
display: none !important;
}
.hidden-tablet {
display: inherit !important;
}
.hidden-desktop {
display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
.visible-phone {
display: none !important;
}
.visible-tablet {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
display: none !important;
}
.visible-tablet {
.hidden-phone {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
}
@media (min-width: 980px) {
.visible-phone {
display: none !important;
}
.visible-phone {
.visible-tablet {
display: none !important;
}
.visible-desktop {
display: inherit !important;
}
.hidden-phone {
display: inherit !important;
}
.hidden-tablet {
display: inherit !important;
}
.hidden-desktop {
display: none !important;
}
}