Do what the comment says; add this only to devices under 768px

This commit is contained in:
Mark Otto 2017-03-19 16:54:03 -07:00 committed by Mark Otto
parent 08d612f3e4
commit 4c015bf378
1 changed files with 9 additions and 7 deletions

View File

@ -142,13 +142,15 @@
// will display normally.
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
@include media-breakpoint-down(md) {
display: block;
width: 100%;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
// Prevent double border on horizontal scroll due to use of `display: block;`
&.table-bordered {
border: 0;
// Prevent double border on horizontal scroll due to use of `display: block;`
&.table-bordered {
border: 0;
}
}
}