v4 alpha 3 ship list

[mdo]

Didn't do one of this for the second alpha (which kinda sucked). Trying again this time with the highlight-worthy changes as we go.

---

Summary of changes

• Updated grid system with new mixins and predefined classes.
• Overhauled form controls, documentation, and more to fix bugs, reduce code bloat, improve layout options, improve validation styles, and more.
• New native font stack to replace the Helvetica-Arial one for improved text rendering across all operating systems and devices.
• More selector improvements that reduce HTML requirements by better utilizing classes.
• Added dozens of new variables for improved customization (more still to come).
• Updated lots of documentation to better explain components and more.
• Massive improvements to flexbox support throughout the project, most notably on the grid.
• Renamed .label to .tag to disambiguate our custom component from the HTML element.

CSS

• select.form-control and input[type=text].form-control are different heights #17194: Ensure height of select.form-control matches textual inputs.
• Replace PNG with SVG and compress SVGs in custom form controls #17222: Replace base64 PNGs for form validation icons and custom form controls with smaller, slightly customizable inline SVGs.
• .form-control-label padding-left breaks non-grid forms #17498, Left edges of headings and .row>.form-control-label don't align #18130: Removed horizontal padding on .form-control-label so it avoids overriding grid-based form layouts and renders correctly in stacked forms.
• Flexbox grid column wrapping bug #17756: Fix flexbox column wrapping in Firefox and IE10+ by adding a max-width that equals the column width.
• Implements a _custom.scss, resolves #17322 and to-do on #17021 #18398, Update docs to include mention of the custom variables file #18921: Add new _custom.scss file to the import stack for easier variable overrides.
• Consider renaming .radio and .checkbox #18390: Renamed .radio and .checkbox to .form-check, and .radio-inline and .checkbox-inline to .form-check-inline.
• Use text-emphasis mixin for .text-muted #18488: Turn .text-muted into a full utility class with hover styles.
• Multiple input-group-addon support #18500: Allow multiple instances of .input-group-addon per input group.
• Label text isn't vertically aligned with value text in grid forms when using .form-control-{sm,lg} #18515: Added .form-control-{sm/lg} classes to match small and large input classes, namely for vertical alignment of label and input in horizontal form groups.
• Consider renaming .form-control-label #18573: Renamed .form-control-label to .col-form-label for it's more contextual use case as a horizontal grid layout option.
• .container, .container-fluid should be conditional upon $enable-grid-… #18695: Condition-alize the container classes around the $enable-grid-classes boolean option (joins the existing conditional .col-* classes).
• v4: Specify how the validation cases should be used #18702: Updated form validation docs to include basic examples for situations in which you'd want to use each state.
• Vertical spacing for form with both p.text-help and p.text-muted is broken #18703: Dropped .text-help for .form-control-feedback, designed specifically to only display temporary form validation feedback text in addition to normal help text.
• v4: Custom forms (disabled state, revamp, etc) #18771: Rewrote custom form components (new classes, less nesting, disabled checkboxes and radios) along with some docs tweaks.
• v4: Rename .btn-*-outline to .btn-outline-* #18772: Renamed .btn-*-outline classes to .btn-outline-* to make it easier to style with attribute selectors.
• v4: Rename .card-*-outline to .card-outline-* #18774: Rename .card-*-outline classes to .card-outline-*.
• v4: Drop pager component #18782: Dropped the .pager component since it's essentially a lightly customized version of v4's new outline buttons.
• v4: Nav cleanup #18783: Revamp a ton of nav variables for easier customization and tweak some nav docs.
• Prevent breadcrumb separator from getting underlined on hover when not using <ol> markup #18789: Prevent breadcrumb separator from getting underlined on hover when not using <ol> markup in IE9-11 with a funky little CSS hack.
• v4: Figuring out split dropdown buttons #18807: Overhaul dropdown docs and improve split button dropdowns with some fresh styles.
• v4: Add Liberation Mono to the code font stack #18814: Added Liberation Mono to the monospace font stack for the sake of Linux users.
• Extract $btn-active-box-shadow variable & refactor accordingly #18823: Add $btn-active-box-shadow variable for improved customization of button states.
• Respect $border-rounded inside progress bars too #18848: Only round progress bar borders when $enable-rounded is true.
• Make translation of custom file input text easier #18925: Added :lang()-based support for translating the text in the custom file input widget.
• Apply word-wrap:break-word to Tooltips and Popovers #18927: Apply word-wrap:break-word to tooltips and popovers.
• Remove print-specific img max-width:100%; style so that Google Maps etc. print correctly #19000: Remove print-specific max-width:100%; on images so that Google Maps etc. print correctly.
• Other table modifier classes don't work in combination with .table-inverse #19064: Overhaul tables docs and use rgba() colors for inverse tables.
• v4: Native system font stack for sans-serif #19098: Brand new "native font stack" that prioritizes the well-designed display fonts from each major OS and device over traditional web fonts.
• v4: Grid redux #19099, v4: Follow-up grid fixes #20349, and v4: Restore flexbox grid .col-{bp} class for auto layout #20361: Overhauled grid system to add docs for flexbox, add flexbox utility classes, improve flexbox responsive behavior, streamline mixins, and more.
• v4: Drop .center-block for new-ish .m-x-auto  #19102, a0a157d: Drop .center-block for .m-x-auto.
• v4: Revamp list group items built with anchors and buttons #19103: Revamp the {a,button}.list-group-item selector with a new class, .list-group-item-action. Includes revised docs and more code comments.
• v4: Update modal sizing #19105: Update modals to use max-width within their media queries to prevent horizontal scrollbars.
• Add $enable-print-styles variable for _print.scss #19106: Added $enable-print-styles variable to control whether default styles for @media print are included.
• Integrate postcss-flexbugs-fixes into build #19109: Integrated postcss-flexbugs-fixes into the build to workaround Flexbug #4 which affects IE10-11.
• v4: Updated form and button sizing #19121: Refactored button and input padding and line-height for improved stability after changing root font-size.
• v4: Translucent .form-control borders #19136: Change from hex border colors on .form-control to rgba() with background-clip: padding-box so we have borders that blend in with their background elements.
• v4: Validation states on custom forms #19139: Add support for validation states on custom forms.
• v4: Rename .label class to .tag #19157: Rename .label class to .tag to disambiguate between a custom component and <label>s.
• 955e040: Added support for tab and pill navigations in card headers.
• Add .w-100 as width: 100% utility class #19234: Add .w-100 as width: 100% utility class
• Extract $carousel-icon-width variable #19236: Extract $carousel-icon-width variable
• Add $card-img-overlay-padding variable #19252: Add $card-img-overlay-padding variable
• Forms fixes: fieldset/legend, new .form-control-legend, accessibility advice #19277: new .form-control-legend class
• Add $input-bg-focus and $input-color-focus variables #19370: Add $input-bg-focus and $input-color-focus variables
• Neutralize link styles for placeholder links/named anchors #19411: Neutralize link styles for placeholder links/named anchors
• 1b35105: Add display utility classes
• Customizable inverse bg color #19563: Add variable for background-color of .bg-inverse utility class
• Use @border-radius and add $nav-tabs-border-radius variable #19667: Use border-radius mixins and add $nav-tabs-border-radius variable
• Suppress IE/Edge additional white/blue colors for focused <select> #19714: Suppress IE/Edge additional white/blue colors for focused <select>
• Add disabled styling for .custom-select #19735: Add disabled styling for .custom-select
• .form-control-{sm,lg} height sizing classes don't work on <select>s #19771: Fixed form control sizing not applying to <select>s.
• Update Normalize to v4.0.0 #19862: Update Normalize to v4.0.0
• Make named anchor/placeholder link style reset more specific #19874: Make named anchor/placeholder link style reset more specific by targeting <a>s without an href and tabindex.
• v4: Card improvements #19885: Several card improvements for spacing, contextual variants, bug fixes, and more.
• v4: Couple popover fixes #19889: Updated popovers to include a variable for the inner padding and restore CSS-powered hiding of empty popover titles with .popover-title:empty.
• Add media rules to nav items into toggleable navbar #20083: Add media rules to stack nav items in navbar-toggleable-*s.

JS

• Update jQuery to v2.2.4. #19894 Update jQuery to v2.2.4

Accessibility

• Focus (visually hidden) input radio/checkbox #19222 Focus (visually hidden) input radio/checkbox
• Docs: add/unify advice on contextual colors and accessibility #19255 add/unify advice on contextual colors and accessibility
• Add aria-label and callout about labelling pagination components #19705 Add aria-label and callout about labelling pagination components
• Handle aria-hidden on modal container when showing/hiding #19879 Handle aria-hidden on modal container when showing/hiding

Docs

• Miscellaneous accessibility fixes.
• v4 responsive utilities test cases line-wrap confusingly on smaller screens #17089: Improve responsive test examples.
• Why fieldset as .form-group instead of div's? #17248, Appropriate use of fieldset/div, legends, accessibility advice #17266, Forms fixes: fieldset/legend, new .form-control-legend, accessibility advice #19277: Update docs to use <div>s over <fieldset>s in form groups as fieldsets are more appropriate for groups of multiple inputs.
• Add .h1 – .h6 example to docs #18492: Add .h1 – .h6 example to docs
• Consider combining "Dropdowns" and "Button dropdown" docs pages #18545: Combined the "Dropdowns" and "Button dropdown" docs pages into one
• Extend form docs with example form errors #18704: Updates form validation docs to include examples of validation feedback text alongside always-present form field help text.
• Improve Migration Doc for .help-block and .form-group #18705: Improve Migration Doc for .help-block and .form-group
• Add migration guidance for Dropdowns #18768: Add migration guidance for Dropdowns
• Forms fixes: fieldset/legend, new .form-control-legend, accessibility advice #19277: better use of fieldset/legend for grouped controls
• Introduction for using table-reflow. #19408: Introduction for using table-reflow
• Include reasoning & suggested replacements for dropped widgets in migration docs #19439: Include reasoning & suggested replacements for dropped widgets in migration docs
• Explicitly state the ordering of cards in card columns in the docs #19459: Explicitly state the ordering of cards in card columns in the docs
• Added explicit commentary to .card-* classes #19476: Added explicit commentary to .card-* classes
• Call out removal of screen-*-* variables in v4 #19567: Call out removal of @screen-* variables in v4
• Update 300ms click delay docs to reflect iOS 9.3 improvements #19710: Update 300ms click delay docs to reflect iOS 9.3 improvements
• Suggest alternative approaches for .hidden and .show in migration docs #19789: Suggest alternative approaches for .hidden and .show in migration docs
• v4: Inverse table variants #19863: Add docs for inverse table "variants" using existing utilities
• Remove reference to "loaded.bs.modal" event #19892: Remove reference to loaded.bs.modal event
• v4: Enable flexbox CSS on flexbox grid page #20372: Enable flexbox CSS on flexbox grid page with custom override file for hosted docs

Examples

• fix justified navbar #18741: Fix justified nav example by updating it to the new nav classes (note: it still exhibits the same bug on window resize as documented in v3).

Packaging

• Add jQuery and Tether to npm dependencies #19427: Add jQuery and Tether to npm dependencies
• Fixed NuGet integration
• Add GitHub issue template #19706: Add GitHub issue template
• package.json: engines: Require Node.js >= 4 #20141: Require Node.js >= v4 in engines in package.json