Firefox requires a width and flex-basis value to size the input field correctly. Despite the width being 1%, the input will size correctly at all parent widths.

http://codepen.io/zalog/pen/bpMJmv

floated content has to come first in the DOM, otherwise you can get alignment bugs. in flexbox though, that's not the case. as such, i'm adding this example code to guide folks to the changes needed to move between default and flex modes.

Merge branch 'v4-flex-list-group' of https://github.com/rosskevin/bootstrap into rosskevin-v4-flex-list-group

Fixes #20975: navbar-text on navbar-dark and bg-inverse is invisible

Horizontal form validation example

[Fix #17400] Add tests about padding restoration

Alphabetized carousel options & added "ride" to it

Zero out the default margin-bottom on label.custom-file

Re-use 'between' mixin for 'only' mixin

Add some properties to the list of property order in .scss-lint.yml

Visibility mixin

Don't clearfix if flexbox is enabled. Fixes #18849

Proper input group sizing and alignment in flexbox mode

Add a min-height: 1.5rem; to custom controls

Calculcate the top offset for custom control indicators

Remove hard-coded value in button-outline-variant

cleaned up the docs to complete the change from .tag to .badge

Fixes #21023.

Uses some math functions to determine what the offset should be. This is helpful for those who customize the size of their indicators and still want them vertically centered.

Fixes #20730.

This change computes the minimum needed height of what a single line of text would be for the custom checkboxes/radios. This is required because our custom control indicators are positioned absolutely, meaning they cannot be clearfixed or anything like that. Using a computed value means it should scale nicely in case of customization