diff options
| author | Chris Rebert <[email protected]> | 2014-12-31 16:12:38 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-12-31 16:12:38 -0800 |
| commit | df38cdad32cfb3639c30caa5574688c462235441 (patch) | |
| tree | b62238b06cd72d29d5a7b1007bf108a78c68c835 | |
| parent | c328b6254ff6572a7835244e7c6c7db78330a554 (diff) | |
| parent | 511f37dc049e99256838894b311b8847dba2c1c5 (diff) | |
| download | bootstrap-df38cdad32cfb3639c30caa5574688c462235441.tar.xz bootstrap-df38cdad32cfb3639c30caa5574688c462235441.zip | |
Merge pull request #15472 from twbs/address-15288
Document that responsive tables use `overflow-y: hidden`
| -rw-r--r-- | docs/_includes/css/tables.html | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/docs/_includes/css/tables.html b/docs/_includes/css/tables.html index c3021ee80..ac84e8158 100644 --- a/docs/_includes/css/tables.html +++ b/docs/_includes/css/tables.html @@ -351,6 +351,10 @@ <h2 id="tables-responsive">Responsive tables</h2> <p>Create responsive tables by wrapping any <code>.table</code> in <code>.table-responsive</code> to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.</p> + <div class="bs-callout bs-callout-warning" id="callout-tables-responsive-overflow"> + <h4>Vertical clipping/truncation</h4> + <p>Responsive tables make use of <code>overflow-y: hidden</code>, which clips off any content that goes beyond the bottom or top edges of the table. In particular, this can clip off dropdown menus and other third-party widgets.</p> + </div> <div class="bs-callout bs-callout-warning" id="callout-tables-responsive-ff-fieldset"> <h4>Firefox and fieldsets</h4> <p>Firefox has some awkward fieldset styling involving <code>width</code> that interferes with the responsive table. This cannot be overriden without a Firefox-specific hack that we <strong>don't</strong> provide in Bootstrap:</p> |