v4 Alpha 5 ship list

[mdo]

Highlights

• Breakpoint specific grid gutters are here!
• Update the grid system so containers use width alongside a max-width: 100% for more durable layouts, fix the sm breakpoint and container dimension mismatch, and change the lg breakpoint width from 940px to 960px.
• Update utilities across the board, simplifying the margin and padding syntax (e.g., now mx-auto instead of m-x-auto), separating background and color utilities for more explicit styling, renamed .img-rounded and .img-circle to .rounded and .rounded-circle, and removed display: block from .img-fluid.
• Added new vertical alignment utilities.
• Updated development dependencies, so be sure to update to the latest Bundler and npm versions with gem install bundler, bundle update, and npm install.
• More customizable custom form controls with embedded SVGs and Sass variables.
• Brand new navbar toggler control featuring an SVG background-image.
• Fixed bug in our flexbox grid where columns didn't properly collapse at lower breakpoints.
• Removed momentum scrolling on modals for now due to an iOS 9-10 bug.
• Dozens of documentation updates and bug fixes.

CSS

• select.form-control and input[type=text].form-control are different heights #17194, Match the height of select.form-control with input.form-control #20874: Ensure selects and inputs match their heights with .form-control.
• Customizable grid gutters per breakpoint #17481: Add breakpoint-specific gutters to grid system.
• v4 - Custom checkboxes and radio buttons wrap differently than their native counterparts #18020: Improved custom checkbox and radio alignment.
• Changing card-header from div to h3 adds margin-bottom #18726, Have same margin for <hN> as a <div> on .card-headers #19048: Add a margin-bottom: 0; to .card-header for use with headings.
• v4: .dropdown-header has margin-bottom #19784, v4: Dropdown units  #20701: Improve units in dropdown components and remove margin-bottom from .dropdown-header.
• Add .text-gray-dark utility class #19842 , added text-gray-dark class #19847: Add .text-gray-dark utility class.
• Add .h-100 (height:100%) utility class #19926: Add .h-100 utility.
• Customising the Icon Color for Custom Controls #20118, v4: Customizable colors on custom form elements #20700: Allow customization of custom form control background-image SVGs.
• Hamburger icon (U+2630 TRIGRAM FOR HEAVEN) is always black on Samsung Galaxy S Android devices #20234, V4 hamburger fix2 #20329: Update navbar toggler to include a background SVG image for leaner markup and decently flexible styling.
• btn-group-vertical gaps with toggle buttons #20298, Bottom margin with radio button group #20784: Remove margin-bottom on <label>-based buttons in button groups.
• .list-group-flush within .card causes double border #20395, Reset the left and right border on list items for flush list groups #20873: Fix double border on items in flush list groups.
• Upgrade to normalize.css v4.2.0. #20428: Update to Normalize.css 4.2.0 to fix overflow problem on selects (<select multiple> overflows #20384 and Fix multi select box overflow #20779).
• .form-control:focus customization issues #20435, .form-control:focus customization #20436: Add a couple !default flags to form CSS and update .form-control:focus to use proper box-shadow mixin.
• Collapse on tr results on tr losing width #20566, Fix #20566 #20768: Restore collapse styles for table rows and table bodies.
• Images in card columns do not scale well #20560, v4: Card image fixes #20667: Update card images to use .img-fluid when appropriate, and fix rounded corner blemishes by using some calc() magic.
• V4 alpha 4 card-columns cuts off cards on top and bottom #20654: Restore the display: inline-block on cards in columns to prevent cards from breaking across columns.
• v4: The Utilities Update #20684: Update ton of utilities for more explicit styling and better naming.
• .form-control-static isn't the same height as .form-control #20733, v4 Static form control sizing #20869: Fix static form control sizing.
• Within .form-inline, label isn't on the same line as its .input-group #20752, Ensure input groups behavior appropriately in inline forms #20868: Fix input groups width in inline forms.
• Docs for disabled inline radio/checkboxes #20799, Fixes #20799 #20826: Apply same styling of disabled checks to disabled inline checks.
• Remove -webkit-overflow-scrolling:touch; due to an iOS Safari bug #20803: Remove -webkit-overflow-scrolling: touch; due to an iOS Safari bug.
• Some text/letters are clipped when using .custom-select #20810, Match the height of select.form-control with input.form-control #20874: Ensure the height of custom selects is maintained in IE/Edge.
• Update print styles borrowed from h5bp #20821: Update print styles borrowed from h5bp (fixes crash in IE11)
• Flexbox grid updates #20829: Fix flexbox grid collapsing on lower breakpoints.
• v4: Grid adjustments #20865: Various grid updates to make containers use width and max-width, change lg breakpoint from 940px to 960px (cleanly divisible by 12), and fix mismatched sm breakpoint and container dimensions.
• Add vertical-align utilities #20866, Add vertical-align utilities #20932: Add vertical-alignment utilities.
• Form validation fixes #20872: Updates to the form validation CSS and docs to show proper label styling, fix broken success icon, and implement a proper :focus state.
• Switch to separate vars for alert vertical/horizontal padding #20933: Two variables now control the alert padding.

JS

• Convert tooltip and popover's arrows to generated CSS content via ::before/::after #17238: Tooltip and popover arrows are now generated via CSS.
• v4 - Collapse JavaScript - not removing a temporary style. #17555, [Fix #17555][V4] fix resetting style on closing collapse #17568: Fix issue where collapse plugin would leave an inline style of height: 0 after finishing the collapse animation.
• _jQueryInterface for tooltip seems to reference defunct destroy method #17611, [Fix #17611][V4] Change destroy to dispose for tooltip in _JQueryInterface #17614: Change destroy to dispose for tooltip in _JQueryInterface.

Docs

• Tooltip examples with html content #16941, Fix issue #16941 - HTML example in tooltip docs #19920: Document ability to add custom HTML in tooltips.
• v4 - Accordion example should use cards #17159: Update collapse accordion example to use card component.
• Add social related tags in docs #18437, v4: Social meta tags #20825: Add social meta tags to the docs (e.g., for Twitter cards).
• Show clearfix for examples for xs/sm devices #19287: Fix rendering of Examples overview page in the docs.
• Updated documentation of the focus option from the modal component. #19409: Document modal focus option.
• Document .flex-*-{first,last} utility classes #19466, v4: Document the flexbox order utils #20697: Document the flexbox order utility classes.
• Docs: "auto" is not a valid tooltip placement option #19796, v4: Update tooltip placement docs #20696: Update tooltip placement docs to remove mention of auto as it's no longer supported.
• Radio buttons appearing as squares on iOS 9.1 #20214, input[type="radio"] don't border-radius:0; #20247, v4: Move Reboot's input border-radius override to .form-control #20695: Don't override border-radius on radio inputs.
• Document that table styles will be inherited by nested tables #20497, v4: Document that all table styles are inherited #20699: Document that all table styles are inherited.
• is .bg-faded apart of the utility classes? #20550, Document the .bg-faded class #20871: Document .bg-faded.
• Documentation link cleanup #20557: Update tons of links to https and fix other broken links.
• Laggy animation when (un)collapsing cards #20600, Don't use collapse classes on elements with padding #20870: Fix laggy collapse animations by ensuring .collapse elements have no padding on them.
• Native font stack does not match documentation #20655: Update Reboot's font stack docs to match our CSS.
• Fix docs for heading sizes #20646: Update font-size docs for our headings.
• Docs: Break out Utilities into separate section and optimize its pages #20678: Split out the Utilities docs from Components section and give each set of utilities their own page.
• In grid docs, clarify that container widths are maximums rather than exact widths #20688, Update the grid table heading to clarify max width over width #20864: Docs typo for grid dimensions.
• Integrity attribute is incorrect in the documentation #20692, Fix CSS and JS hashes for 4.0.0-alpha.4 (resolves #20692) #20694: Fix integrity attributes on CDN assets.
• "$" shell prompt should be excluded when using the docs' clipboard Copy buttons #20800, Strip $ from copied shell commands. #20816: Remove the $ from the bash commands in docs.
• Updated Download docs #20878: Update downloads page to include compiled, source, and CDN options.

Build tools

• Fix Hound warnings for minified files. #20446: Updated Hound and linting warnings.
• Update dependencies, including Babel to v6 and zeroUnits fix. #20555: Upgrade devDependencies across the board.
• Change SauceLabs iPhone test to use Appium. #20915: Change SauceLabs iPhone test to use Appium so builds pass again.

Packaging

• Add flexbox-enabled CSS to v4 /dist #18292, v4: Compile flex, grid, and Reboot dist stylesheets #20682: Provide compiled flex, grid, and Reboot dist stylesheets.