migration.md 1.57 KB
Newer Older
1
2
3
4
5
---
layout: page
title: Migrating to v4.x.x
---

Mark Otto's avatar
Mark Otto committed
6
## Summary
7

Mark Otto's avatar
Mark Otto committed
8
For a broader overview, see [what's new](http://blog.getbootstrap.com/DEAD-LINK-FIX-ME-PLEASE) in the v4.0.0 release announcement.
9
10

- Dropped IE8 support—v4 is now only IE9+. For sites needing IE8, use v3.
11
- Added official support for Android v5.0 Lollipop's Browser and WebView. Earlier versions of the Android Browser and WebView remain only unofficially supported.
12
13
14
15
16
17
18
19
20
- Switched from `px` to `rem` as our primary unit in CSS.
- Media queries are now in `em`s.
- Global font-size increased from `14px` to `16px`.
- Dropped panels, thumbnails, and wells for a new component, cards.
- Switched from LESS to SCSS for our source CSS files.
- Added a new grid tier for ~`480px` and below.
- Dropped Glyphicons icon font.
- Refactored nearly all components to use more unnested classes instead of children selectors.

21
## Major class changes
22

23
24
This table shows the style changes between v3.x.x and v4.0.0.

25
26
27
| Bootstrap 3.x.x | Bootstrap 4.0.0 |
| --- | --- |
|  |  |
28
29
30
31

## What's new
We've added new components and changed some existing ones. Here are the new or updated styles.

32
33
34
35
36
| Component | Description |
| --- | --- |
| 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 progress bars | Replaces the old `.progress` with a real `<progress>` element. |
37
38
39
40

## What's removed
The following components have been removed in v4.0.0.

41
42
43
| Component | Removed from 3.x.x | 4.0.0 Equivalent |
| --- | --- | --- |
|  |  |  |
44
45

## Additional notes