48 merge requests!28721Hot test,!27561Adds font-weight-medium to font weight classes,!26437merge,!26197V4 dev xmr,!20778V4 dev,!20539Allow multiple modals,!18047#17986,!18988Blockquote border width,!20854Fixes 15534,!19272V4 dev xmr grunt html,!17218Issue 17066,!19581V4 fix popover,!18283Tether docs fix,!17229Include documentation for .navbar-static-top,!20493V4 dev display,!20636Fix docs for heading sizes,!19824blockquote-center,!22547Finished a new translation for bootstrap,!19534Docs 17264,!19533Npm deps,!22143Fix selectable disabled toggle radio buttons,!19084V4 rhythm,!18085Ie9 click comment,!22598test,!18829Add prefix to carousel classes,!18581Check getting started files for broken links - Issue 18568,!18067replace grunt-autoprefixer with gruntpostcss + autoprefixer,!20099V4.0.0 alpha.3,!20438V4 grid classes,!17307Vertical alignment on Bootstrap columns with equal height,!18477add utility color-contrast function,!18864Feature/navbar toggler support color schemes,!19602V4 palettes arun,!18311V4 dev xmr,!19448New pull request for testing,!19358XXL grid size,!19825.blockquote-center,!17508Fix usage of “its” and “it’s” (v4 docs),!25326Adjust examples,!23995Add back cursor: pointer for .btn-link,!23178Spinner,!19754Issue template,!19753Card img overlay padding,!19747Blockquote border width,!19580ExitStars,!18684Docs: change "Button" to "Go somewhere",!18661Docs: accessibility fix-up of collapsible content navbar, change site-wide main navbar,!17021v4
For a broader overview, see [what's new](http://blog.getbootstrap.com/DEAD-LINK-FIX-ME-PLEASE) in the v4.0.0 release announcement.
For a broader overview, see [what's new](http://blog.getbootstrap.com/DEAD-LINK-FIX-ME-PLEASE) in the v4.0.0 release announcement.
- Dropped IE8 support—v4 is now only IE9+. For sites needing IE8, use v3.
- Dropped IE8 support—v4 is now only IE9+. For sites needing IE8, use v3.
- Added official support for Android v5.0 Lollipop's Browser and WebView. Earlier versions of the Android Browser and WebView remain only unofficially supported.
- Switched from `px` to `rem` as our primary unit in CSS.
- Switched from `px` to `rem` as our primary unit in CSS.
- Media queries are now in `em`s.
- Media queries are now in `em`s.
- Global font-size increased from `14px` to `16px`.
- Global font-size increased from `14px` to `16px`.
...
@@ -16,6 +17,9 @@ For a broader overview, see [what's new](http://blog.getbootstrap.com/DEAD-LINK-
...
@@ -16,6 +17,9 @@ For a broader overview, see [what's new](http://blog.getbootstrap.com/DEAD-LINK-
- Added a new grid tier for ~`480px` and below.
- Added a new grid tier for ~`480px` and below.
- Dropped Glyphicons icon font.
- Dropped Glyphicons icon font.
- Refactored nearly all components to use more unnested classes instead of children selectors.
- Refactored nearly all components to use more unnested classes instead of children selectors.
- Non-responsive usage of Bootstrap is no longer supported.
- Dropped the online Customizer in favor of more extensive setup documentation.
- Replaced the separate optional theme with...
## Major class changes
## Major class changes
...
@@ -23,7 +27,12 @@ This table shows the style changes between v3.x.x and v4.0.0.
...
@@ -23,7 +27,12 @@ This table shows the style changes between v3.x.x and v4.0.0.
| Bootstrap 3.x.x | Bootstrap 4.0.0 |
| Bootstrap 3.x.x | Bootstrap 4.0.0 |
| --- | --- |
| --- | --- |
| | |
| Pager's `.previous` | `.pager-prev` |
| Pager's `.next` | `.pager-next` |
| Carousel's `.item` | `.carousel-item` |
| Tabs | |
| Pills | |
| Buttons | |
## What's new
## What's new
We've added new components and changed some existing ones. Here are the new or updated styles.
We've added new components and changed some existing ones. Here are the new or updated styles.
...
@@ -32,13 +41,31 @@ We've added new components and changed some existing ones. Here are the new or u
...
@@ -32,13 +41,31 @@ We've added new components and changed some existing ones. Here are the new or u
| --- | --- |
| --- | --- |
| Cards | New, more flexible component to replace v3's panels, thumbnails, and wells. |
| Cards | New, more flexible component to replace v3's panels, thumbnails, and wells. |
| New navbar | Replaces the previous navbar with a new, simpler component. |
| New navbar | Replaces the previous navbar with a new, simpler component. |
| New progress bars | Replaces the old `.progress` with a real `<progress>` element. |
| New progress bars | Replaces the old `.progress``<div>` with a real `<progress>` element. |
| New table variants | |
| New utility classes | |
TODO: audit new classes that didn't exist in v3
## What's removed
## What's removed
The following components have been removed in v4.0.0.
The following components have been removed in v4.0.0.
| Component | Removed from 3.x.x | 4.0.0 Equivalent |
| Component | Removed from 3.x.x | 4.0.0 Equivalent |
| --- | --- | --- |
| --- | --- | --- |
| | | |
| Panels | | Cards |
| Thumbnails | | Cards |
| Wells | | Cards |
| Justified navs | | |
TODO: audit classes in v4 that aren't present in v4
The following deprecated Less/SCSS variables have been removed in v4.0.0:
*`@screen-phone`, `@screen-tablet`, `@screen-desktop`, `@screen-lg-desktop`. Use the more abstract `$screen-{xs,sm,md,lg,xl}-*` variables instead.
*`@screen-sm`, `@screen-md`, `@screen-lg`. Use the more clearly named `$screen-{xs,sm,md,lg,xl}-min` variables instead.
*`@screen-xs`, `@screen-xs-min`. The extra small breakpoint has no lower bound, so these variables were logically absurd. Reformulate your expression in terms of `$screen-xs-max` instead.
*`@grid-float-breakpoint`
TODO: audit list of stuff in v3 that was marked as deprecated
## Additional notes
## Additional notes
- Removed support for styled nested tables (for now)
