Fixes #16269.
Closes #16301 by merging a rebased version of it.

Closes #16180.

[skip sauce]

Fixes #16216, FWICT

I agree with all the comments here.

Rather than dicker with container nesting at this late juncture, near sunset for BS 3.0x, let's just fix and move on.  It's docs only.

This PR addresses issue #15100 and eliminates the unnecessary horizontal scrollbar that appears for width for width >=768px and <= 782px.

Tested on three different iOS devices and FireFox/Chrome on OSX and it's fine now.

The only difference is the text in .bs-docs-header is shifted left by 15-pixels, lines are 30 px longer so wrap less in some circumstances in some viewports.

As per discussion on https://github.com/w3c/wai-wcag-quickref/issues/2
and #13554

[skip sauce]

[skip sauce]

Also, use id rather class name for the navigation, as it's unique and
lets us use correct aria-controls (and without the use of id,
aria-expanded does not get updated correctly by the current dropdown
toggle script)

Before, most callouts hierarchically came under Examples > Four
directions, which is not appropriate. Now they're under Markup

Include callout explicitly mentioning tooltips should only be added to
focusable elements. Closes #16134