- Rename -height to -height-base to match other vars
- Drop use of -height across the board and rely on it to be inherited
- Adjust padding of .dropdown-header to account for different line-height of h6 heading element (this needs refactoring for variables and rems also)

See the IE9 note in https://developer.mozilla.org/en-US/docs/Web/CSS/%3Ahover#Browser_compatibility
The prereqs to trigger the bug are still present in v4.
/fyi @mdo

[skip sauce]
[skip validator]

Fixes #13202: Always use overflow: auto; on .table-responsive to prevent content breaking out of containers

Fixes #14095: Add basic styling for captions, which we've for some reason been missing all this time.

if background is not set on row, striping doesn't work properly in responsive tables where row and cells are set to  display: block.

Table-responsive: changed overflow-x to auto to hide scrollbar when it's not overflown, fixes #13669.

Safari renders this fine for one reason or another, but Chrome still renders the media query styles to make tables responsive. This change scopes them to screen devices only, so printing looks boss everywhere.

This changes the order of component variations throughout the repo (code and docs) to be more consistent.
The order now used everywhere is the one most frequently found in the repo before:
Default, Primary, Success, Info, Warning, Danger

Fixes #11623: Reset position to static for grid columns within tables to unfuck borders in IE9/10 and Firefox