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

even more utils for forms

more margin utils on forms

make sure all nav demos for the navbar are using toggleable-* classes for proper responsive styles

dedupe ids

update justified nav to use justified navbar; remove safari bug warning given flexbox implementation

fix carousel navbar

fix sticky footer example navbar

fix up navbar top and fixed top examples

redo album navbar with new styles

make more examples responsive

remove

remove now unneeded collapse section

fix colors

override pos-f-t in examples

add responsive behaviors section

update responsive behavior in demo

Fix vertical alignment a bit

move all nav link and collapse and container behaviors to the toggleable class generation area; this way the .navbar-toggleable-* goes on .navbar, easily affecting everything that needs updating for each breakpoint's use

unique ids

rearrange examples, go center nav only instead of trying to hack centered with siblings

move flex to navbar container only; otherwise it affects things negatively elsewhere

containers should flex

flexbox shiz

nuke

move and consolidate navbar examples, fix em up

no need for a clearfix given no more floats

move padding on nav links and brand to be responsive padding, keeping mobile contents aligned better

make supported content example responsive

no more .navbar-full

no need for this; we have max-width 100% on them now

more navbar docs changes

cleanup navbar docs for flex changes

remove .navbar-container; just need .navbar now

remove width 100% from positioning, remove rounded corners for utils

remove justified, replacing with modifier later if needed; combine rules

flexbox this thing

- drop the table styles, use flex
- remove commented out code
- consolidate styles a bit
- add a huge flex-grow to the nav, making the assumption you want nav to take up most space

spacing

indentation

exploring table based navbar again