2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

Redo the responsive utilities stuff

* Update docs language
* Enforce display: block; on all utilities for now
* Fix up docs CSS for the tests
This commit is contained in:
Mark Otto
2013-05-16 19:13:58 -07:00
parent bdd5022833
commit e5d6a40a77
5 changed files with 44 additions and 42 deletions
+10 -10
View File
@@ -5094,7 +5094,7 @@ a.list-group-item.active > .badge,
}
.visible-sm {
display: inherit !important;
display: block !important;
}
.visible-md {
@@ -5110,11 +5110,11 @@ a.list-group-item.active > .badge,
}
.hidden-md {
display: inherit !important;
display: block !important;
}
.hidden-lg {
display: inherit !important;
display: block !important;
}
@media (min-width: 768px) and (max-width: 991px) {
@@ -5122,19 +5122,19 @@ a.list-group-item.active > .badge,
display: none !important;
}
.visible-md {
display: inherit !important;
display: block !important;
}
.visible-lg {
display: none !important;
}
.hidden-sm {
display: inherit !important;
display: block !important;
}
.hidden-md {
display: none !important;
}
.hidden-lg {
display: inherit !important;
display: block !important;
}
}
@@ -5146,13 +5146,13 @@ a.list-group-item.active > .badge,
display: none !important;
}
.visible-lg {
display: inherit !important;
display: block !important;
}
.hidden-sm {
display: inherit !important;
display: block !important;
}
.hidden-md {
display: inherit !important;
display: block !important;
}
.hidden-lg {
display: none !important;
@@ -5165,7 +5165,7 @@ a.list-group-item.active > .badge,
@media print {
.visible-print {
display: inherit !important;
display: block !important;
}
.hidden-print {
display: none !important;
+10 -8
View File
@@ -510,16 +510,14 @@ body {
position: relative;
float: left;
width: 25%;
height: 43px;
padding: 15px 10px;
font-size: 14px;
font-weight: bold;
line-height: 43px;
line-height: 1.1;
color: #999;
text-align: center;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-radius: 4px;
}
.responsive-utilities-test li + li {
margin-left: 10px;
@@ -530,9 +528,8 @@ body {
left: -1px;
right: -1px;
bottom: -1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 15px 10px;
border-radius: 4px;
}
.responsive-utilities-test span {
color: #468847;
@@ -646,6 +643,10 @@ input.focused {
margin-bottom: 5px;
}
/* Hide the top link initially */
.bs-top {
display: none;
}
/* Responsive variations
@@ -673,6 +674,7 @@ input.focused {
/* Back to top link */
.bs-top {
display: block; /* Unhide */
float: left;
padding: 7px 15px;
font-weight: 500;