rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00
Code Issues Actions Packages Releases Activity

Add support for tr, th, and td to responsive utilities

Browse Source
This commit is contained in:
Mark Otto 2013-06-18 19:16:42 -07:00
parent 112dabb3c2
commit 546d40a143
2 changed files with 148 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
docs/assets/css/bootstrap.css vendored
View File

@ -5167,6 +5167,15 @@ a.list-group-item.active > .badge,
display: block !important; display: block !important;
} }
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
.visible-md { .visible-md {
display: none !important; display: none !important;
} }
@ -5183,10 +5192,28 @@ a.list-group-item.active > .badge,
display: block !important; display: block !important;
} }
tr.hidden-md {
display: table-row !important;
}
th.hidden-md,
td.hidden-md {
display: table-cell !important;
}
.hidden-lg { .hidden-lg {
display: block !important; display: block !important;
} }
tr.hidden-lg {
display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
display: table-cell !important;
}
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 768px) and (max-width: 991px) {
.visible-sm { .visible-sm {
display: none !important; display: none !important;
@ -5194,18 +5221,39 @@ a.list-group-item.active > .badge,
.visible-md { .visible-md {
display: block !important; display: block !important;
} }
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
.visible-lg { .visible-lg {
display: none !important; display: none !important;
} }
.hidden-sm { .hidden-sm {
display: block !important; display: block !important;
} }
tr.hidden-sm {
display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
display: table-cell !important;
}
.hidden-md { .hidden-md {
display: none !important; display: none !important;
} }
.hidden-lg { .hidden-lg {
display: block !important; display: block !important;
} }
tr.hidden-lg {
display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
display: table-cell !important;
}
} }
@media (min-width: 992px) { @media (min-width: 992px) {
@ -5218,12 +5266,33 @@ a.list-group-item.active > .badge,
.visible-lg { .visible-lg {
display: block !important; display: block !important;
} }
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
.hidden-sm { .hidden-sm {
display: block !important; display: block !important;
} }
tr.hidden-sm {
display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
display: table-cell !important;
}
.hidden-md { .hidden-md {
display: block !important; display: block !important;
} }
tr.hidden-md {
display: table-row !important;
}
th.hidden-md,
td.hidden-md {
display: table-cell !important;
}
.hidden-lg { .hidden-lg {
display: none !important; display: none !important;
} }
@ -5237,6 +5306,13 @@ a.list-group-item.active > .badge,
.visible-print { .visible-print {
display: block !important; display: block !important;
} }
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
.hidden-print { .hidden-print {
display: none !important; display: none !important;
} }

94
less/responsive-utilities.less
View File

@ -36,42 +36,92 @@
// Visibility utilities // Visibility utilities
// For Phones // For Phones
.visible-sm { display: block !important; } .visible-sm {
.visible-md { display: none !important; } display: block !important;
.visible-lg { display: none !important; } tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.visible-md { display: none !important; }
.visible-lg { display: none !important; }
.hidden-sm { display: none !important; } .hidden-sm { display: none !important; }
.hidden-md { display: block !important; } .hidden-md {
.hidden-lg { display: block !important; } display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.hidden-lg {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
// Tablets & small desktops only // Tablets & small desktops only
@media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
.visible-sm { display: none !important; } .visible-sm { display: none !important; }
.visible-md { display: block !important; } .visible-md {
.visible-lg { display: none !important; } display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.visible-lg { display: none !important; }
.hidden-sm { display: block !important; } .hidden-sm {
.hidden-md { display: none !important; } display: block !important;
.hidden-lg { display: block !important; } tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.hidden-md { display: none !important; }
.hidden-lg {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
} }
// For desktops // For desktops
@media (min-width: @screen-desktop) { @media (min-width: @screen-desktop) {
.visible-sm { display: none !important; } .visible-sm { display: none !important; }
.visible-md { display: none !important; } .visible-md { display: none !important; }
.visible-lg { display: block !important; } .visible-lg {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.hidden-sm { display: block !important; } .hidden-sm {
.hidden-md { display: block !important; } display: block !important;
.hidden-lg { display: none !important; } tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.hidden-md {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.hidden-lg { display: none !important; }
} }
// Print utilities // Print utilities
.visible-print { display: none !important; } .visible-print { display: none !important; }
.hidden-print { } .hidden-print { }
@media print { @media print {
.visible-print { display: block !important; } .visible-print {
.hidden-print { display: none !important; } display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.hidden-print { display: none !important; }
} }