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

Merge branch 'flex-cards' into v4-dev

ugh

grunt

typo

Move scss-lint to npm scripts.

margins to separate some cards in examples

Add color variables for white and black (#21397)

* Add color variables for white and black

Closes #21395.

change card deck margin strategy

- Instead of negative left/right margins, we selectively apply margins to the cards as needed. This way the first and last child never receive a left and right margin (respectively), so we don't need to negative indent those at the .card-deck level.

- Drops the margin-bottom override on the .card because there's no more default margin there.

- Drop the margin-bottom from the .card-deck to match our lack of margins on the card.

This and the previous commit fixes #19883.

move to grid gutter width, fixes #21300

Change scope of docs anchor preventDefault to include modals.

New width and height utils

Adding 25%, 50%, and 75% to the mix for later use with cards

no more need for this

final docs cleanup with columns and more

card deck footer example

add aligned footer example

redo subheadings and organization of card layout options

better grouping of card styles docs

redo image section for intros and subheadings

retitle nav section

update alignment section with widths

redo sizing section with utils and grid callouts

redo the supported content section entirely to give it sub sections

redo docs intro for the example

switch from block to flex

add flex direction too

remove default bottom margin on cards

use utils instead

move the card-block flex action up to all card-blocks

this allows us to easily scale card blocks in groups and decks, without repeating it in our css

remove commented out code

comment typo

fix comment

add card column margin variable instead of relying on a default card margin

this assumes no margin on the .card to start (which will follow in a later commit)

add card column count variable

Rename card column gap variable

New width and height utils

Adding 25%, 50%, and 75% to the mix for later use with cards

linting

text-align doesn't apply here, so we can nuke it

Redo controls in flexbox

- Drops the absolute positioning of the icons within the left/right controls. We have to keep the controls themselves positioned though since we're overlapping HTML elements here.

- No more position, left, right, or margins involved; just some justify-content and align-items.

- Add some comments for explaining which flex property-value pair does what.

- Remove the unapplied font and line-height stuff now that we're all SVGs and flexbox here.

flexbox powered indicators

This revamps the indicators to use flexbox instead of inline-block for added flexbility (hah). Indicators now automatically scale based on the number of elements present, and max out at the `$carousel-indicator-width` instead of always being that wide.

start small--set flex instead of block for active items

grunt

redo custom docs navbar

streamline example navbars by removing .hidden-* classes on togglers

remove .hidden-* classes from .navbar-toggler and make that part of the .navbar-toggleable-*

couple more utils

more example fixes

more linting

linting

migrate some notes on over here

put new toggler markup to use

Redo navbar-toggler

- Require inner element for the icon for improved customization (e.g., drop the element to replace it with your own icon font or SVG)
- Tighten up padding
- Better comments

fixes #18115: move forward with one naming scheme for inversed color schemes, renaming .navbar-dark to .navbar-inverse (matching .card-inverse in the process and restoring v3's inverted class name)

fixes #18053 by removing container padding at lower breakpoints on responsive navbars