follow up to the fix for #20506 with some docs examples of input groups in button toolbars

inline-flex and width: 100% for stacked/vertical variation

shoutout to @Starsam80 for the fix

auto size input groups, fixes #20506

remove commented out code

linting

revamp button group with flexbox

update example with brand and new util

forgot to add display flex to the navbar, so utils weren't applying

Fix grammatical/typo errors

grunt

update click state when hiding so can be shown again by trigger. fixes #16732

use var

fix inline checks

add some vars

sure we only need the two mixins, but this ensures folks don't run into missing mixin errors down the line

Update bootstrap-grid.scss

Update bootstrap-reboot.scss

move custom down so folks can reassign var values and use other vars

Don't show `.bd-*` classes to the user (#21443)

* Don't show `bd-*` classes to the user

* Add comments and another regex

Document how to break equal width cols to multiple rows

Fixes #21287

bump jquery and grunt-sass

plus shx? :shrug:

grunt

fixes #21445

remove broken example class from grid docs

more flexbox docs

follow up to #21436 to add docs for the .flex-row-reverse , .flex-column-reverse, and .flex-wrap-reverse

grunt

Add more flex utilities

Rename tags to badges in comments

Remove Meteor install instructions.

grunt

Fixes #20586

Use pixels instead of rem units for focus box-shadow on custom controls so that IE11, Edge, and Win FF screw it up less

throw some margin utils to fix spacing

Use calc() on .col-form-label padding calculations

Fixes #21135.

There's a height mismatch here because we're setting padding on the labels, while inputs get padding *and* a top+bottom border. This now uses calc to determine the exact height needed to match labels to inputs.

Replaces #21270 with proper fix

Rather than overriding this just on inline form examples, this should be for all static form controls to match inputs.

space that out a smidge

vertically center .form-group contents in inline forms

fixes broken inline form example mentioned in #21407

use flex and direction to do the stacked controls instead of float hacks

This also fixes #21280. Previously, we were using float and clear on the individual controls, but that meant a computer height of `0` for the parent `.custom-controls-stacked`. No more problem after using flexbox though.

move custom checks/radios to inline-flex

grunt

Use variables for the width/height classes

Clean up _spacing.scss a little bit

Remove some leftover IE9/flex stuff

linting

flex the footer and include some margin magic

- we need to set margin for space between footer buttons as flexbox doesn't render HTML spaces like inline-block does

- flexbox doesn't have collapsing margins or anything, so we hack it with some :not(:first-child) and :not(:last-child) action

flex the modal header so we can remove custom styles

updates the dom order in our docs to match (floated content comes first, but no need for that in flexbox)

No need to override a margin-top that never was set; only specify margin-bottom override

Enable flex on the .modal-content, ensure .modal-body stretches the height (if needed)

darker border on modal header

trailing space

line break for sanity

add my-auto and m-auto

document it all, add align items examples

responsive auto margin classes

reorder docs

stub out some docs

add mr-auto and ml-auto for some flex shiz

Disable Hound on test cases.

Fixes #18228: Don't use `transparent` for bottom border, use bg color

[Fix #19849] Tabs are opened even if disabled. (#20795)

* [Fix #19849] Tabs are opened even if disabled.

* fix hund code review hints

* rollback hound issues because Travis fails

grunt

Update IE9 support (#21424)

grunt

fixes #21423 by updating docs to mention flex display instead of inline-block; clarifies follow-up text about use of the proper utilities

dedupe

started fixing nested .bd-example stuff, then rewrote the modal docs

- better table of contents and overall structure

- clearer examples of modal contents, longer modals, and modal options

nest modal examples css

rip numbers

add order docs

Update toc numbering (#21422)

remove unused media vars, update numbers (oof) /cc @Quy

remove unused utils, comment

remove old flex utils, update docs to match

align-self docs

document align-content utils

change presentation of those utils docs

document justify-content and align-items utils

indentation

duplicate of the .flex-fill util

remove the table classes in favor of lists

try out alt responsive variation lists

add docs class for highlighting

Start to blow out and document more flexbox utilities

- Adds new flexbox.md file to utilities docs

- Adds a `breakpoints.yml` data file for easier output of responsive classes in the docs. Will put this to use on other pages soon.

- Adds hella flex utils. There are some dupes for now, but they'll get removed in time.

fix incorrect class name for inline-flex

Revamp navs docs

- Reorganize things, leading with the base nav first instead of an accessibility note, and then moving the rest to a new available styles section.

- Add horizontal alignment options thanks to new flex utils (these new utils will be documented later in another commit).

- Dropped `.nav-stacked` for a flex util and added additional alignment options, so document those, too.

Change up the "justified" nav options

Given move to flexbox, we can make this available for everyone and clean it up some.

- Simplifies the `.nav-justified` styles to build on the flex-powered `.nav` base class.

- Adds the `.nav-fill` to make nav links fill available horizontal space, but not equal width.

Make .nav flex-powered

- Set an explicit `display: flex` on the base `.nav` class and remove the floats/clearfixes from our navs.

- Set some global styles for `.nav-link`, a departure from the previous solution that featured no predefined padding.

- Move `.nav-link` from `inline-block` to `block` given this setting was added for our tabs and pills anyway.

- Remove horizontal margin from nav tabs; let folks set that on their own from now on.

pull in changes from #19832 to fix offcanvas

Undo #21171 (which closed #20977)

Turns out we did have the correct height calculation with our custom selects. The problem was we lacked a shared line-height with our buttons and inputs.

This restores the previous `calc` math and adds a line-height that reuses the input line-height.

update navbars in jumbotron, offcanvas, starter examples to flex versions

better/more form spacing in navbars

unify alignment of all these dang navbar forms

Move uglifyjs to npm script.

Closes: #21412: Fix unit test for carousel

Carousel: Only prevents default for ARROW_LEFT and ARROW_RIGHT keys

Fixes 2 bugs:

1. All keydowns were being prevented. Because of that the user wasn't able to navigate in the whole page using ARROW_UP/ARROW_DOWN.

2. Even when  is an input or textarea the keydowns were being prevented. Because of that the user wasn't able to type any text on these elements.

scrollspy: fix wrong activation of all nested links (#20304)

* fix wrong activation of all nested links;
just first level item should be activated

* use template instead of string concatenation

Move clean-css to npm scripts.

overhauls media object docs

- better copy and examples throughout
- callout on flexbug #12 for inline elements like links and images (which is the problem in #20408)
- add order section

small unrelated addition—adds .d-flex-inline util

reduce .media styles to their bare minimum

Sets minimum required flex styles (including an explicit starting alignment) and removes everything else.

- no need for .media-left and .media-right, we have padding utils
- no need for a .media-heading, we have margin
- no need for .media-object, we have display utils
- no need for .media-list, we have .list-unstyled util

Rename Tags to Badges in comments