Remove mention of base class and fix grid examples

- Restores two-mixin approach to generating semantic grid columns (now with 'make-col-ready' and 'make-col')
- Removes need for .col-xs-12 by restoring the mass list of all grid tier classes to set position, min-height, and padding
- Adds an initial 'width: 100%' to flexbox grid column prep (later overridden by the column sizing in 'flex' shorthand or 'width') to prevent flexbox columns from collapsing in lower viewports

The example for column ordering still referenced the old push/pull class names.

[ci skip]

endtag for the highlight

add the `@include media-breakpoint-only()` and `@include media-breakpoint-between` mixins

Fixup for fb4f5f0b
[skip sauce]

- Flexbox responsive behavior fixed with specific .col-{breakpoint} classes now added
- Dropped the make-col mixin in favor of a column-basics placeholder that we can extend across our grid infrastructure
- Updated docs to use required .col-xs-12 (as a safeguard for when folks enable flexbox mode--this isn't necessary in default grid mode)
- Update flexbox grid docs to include responsive docs, tweak some other bits too

flip things around again, no more base class, try out some new stuff to keep responsive flex grid working

Should close https://github.com/twbs/bootstrap/issues/18556

Should close https://github.com/twbs/bootstrap/issues/18503

These can be replaced by their `.text-xs-*` parallels.
This also avoids any complications from interactions between the responsive and non-responsive classes.
(e.g. `<div class="text-left text-md-right">`)

Refs #18300
[skip sauce]

Changes grid and container sizes to `px`, as the
viewport pixel size does not depend on the font size.

The actual em values were inconsistent with the docs,
while the docs were not the same as the comments:

* `sm` breakpoint was 34em (544px) not 480px.
* `lg` container max-width was 60rem (960px), less gutter than `md`.
  Changed to 940px, same as Bootstrap 3.
* `xl` container max-width was 72.25rem which is 1140px not 1156px.
  Changed to 1140px matching the comment but not the docs.

Addresses #17070 and #17388.

.visible-xs(-block) => .hidden-sm-up

Fixes #17263.
[skip sauce]

I found non working anchors and some naming in consistency. I hope I fixed well. Have a nice day.

Fix #17176

Sorry, I f'd up the rebase in #17186

Fix #17177

Simplest example is using horizontal variants using rows.

Mostly links.
Fixes #17056.

Fix: #17145

Fix #17129

- Simpler main nav on all pages
- Back to purple masthead on homepage instead of dark graphite
- Active link styles on the main nav
- Cleaned up sidebar nav
- New docs layout name
- Homepage copy edits
- Updated bright purple docs color