reorder classes because i like it this way :p

dedupe

clarify need for .navbar-toggleable classes

line break for readibility

reflect nav changes here in the responsive views

- since we're column to start, need to set row.
- note that flex-direction cannot be inherited, so we have to set it twice.
- apply the horizontal padding again to .nav-link.
- remove the .nav-item styles (un-needed).
- remove previous .nav-link styles as they were un-nested and potentially problematic in old placement should someone mix more navs in here.

don't let the toggle grow when it's the only flex child

set the direction to column (aka, vertical) for mobile views

remove extra line break

bring over styles from .nav for .navbar-nav

since we're no longer using the .nav as a base class, we need to bring over some base styles for redoing browser list styles and setting flex in motion.

also brings with it some .nav-link styling. we're still using this global class, but with this small modification for alignment of content in responsive modes.

drop the flex-grow: 10 in favor of auto margin utils

drop the .nav base class from .navbar-nav

no float utils, use class name

better describe example

consistent punctuation

it's important, yo

Change last reference from tags over to badges.

grunt

limit linter override to the affected ruleset

remove plain-hover-focus from navbar navs

update navs to use `.show` instead of `.open` for dropdowns

linting

add alignment docs with flex utils

simpler sizing examples

rogue extra line break

redo active and disabled docs snippets

- remove screen reader stuff in favor of explicit labels
- remove 4 and 5 items to keep examples simpler

add a working with icons example

frees us up to not have to encourage so much markup throughout these pagination examples

redo main example to work in screen reader love instead of putting it in a callout

redo intro paragraph

no need to float, but do set display: block;

this, coupled with the move to flex, fixes #20029

remove plain-hover-focus mixins

no need for cursor: default, since, well, it's the default

add a comment here to explain some things

.page-item's don't need this anymore (they're flex items)

remove default margin, allow folks to use utils instead

update pagination list reset styles

move pagination to flexbox

update docs to improve contextual classes section

remove plain-hover-focus from list group mixin

Revamp list group states and docs to match

- Overhauls the states, including the link/button variants, for list groups to better match how we handle .btn states.
- Moved the .list-group-item-action styles before the .list-group-item so that we don't have to do as much overriding.
- Removed the plain-hover-focus mixins from the disabled and active states since they're unnecessary.
- Added support for :active states on the .list-group-item-action variant (for the current click state).
- Removed the heading and text classes and variables since we can accomplish the same thing with utilities.
- Added support for :disabled on the .list-group-item-action as well since we can use those with button elements.
- Rearranged docs to reflect all the above changes.
- Reformatted some Sass variables.

Revamp dropdown item states

- Removes the plain-hover-focus mixin from active and disabled states; no need for them.
- Adds :active and :disabled since we can use button elements here, too.
- Wrap the disabled background-image override in an -gradients condition.

Remove plain-hover-focus mixins from navs

- No need to set hover and focus on disabled or active elements. Disabled has no interactivity and active will inherit the focus.
- Also removes two now unused vars.

properly pass focus shadow should you enable shadows

don't implement for the outline style because outline buttons get no shadow by default

create a variable for the focus box-shadow, use it in the button base class

also be sure to apply it for the active state when shadows are enabled

remove active styling from focus

remove cursor: pointer

shoutout https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b#.riy12ck0m

redo outlines

- removes original outline removal (hah)
- replaces it with an explicit `outline: 0` on `.btn`
- instead of replicating `:hover` for `:focus`, uses custom and themed `box-shadow` for an "outline"
- not mapped to the `$enable-shadows` variable because accessibility

linting

Redo button states

Trying to simplify our output here by revamping these selectors. We overcomplicated things by setting hover styles for nearly every state (disabled and active included), and we set them in the wrong order.

This commit does the following:

- Reorders states so disabled comes before active, thereby removing the need to set disabled-active styles.

- Removes all focus and hover styles from disabled states as those will naturally inherit from the default button state.

- Renamed `.open` to `.show` to fix dropdown toggle highlighting.

- Tweaked some indendation in the Sass.

fixes #21415 by moving disabled .btn-link color to the default state

update to migration docs

Rip number

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