Migration from Bootstrap 3 to Bootstrap 4

Bootstrap 4 is a major rewrite of the entire project. The most notable changes are summarized below, followed by more specific changes to relevant components.

Typography

{:.table.table-striped.td-half}

Grid

{:.table.table-striped.td-half}

• | .order-* ex. .order-11

Buttons

{:.table.table-striped.td-half}

Button group

{:.table.table-striped.td-half}

Breadcrumbs

{:.table.table-striped.td-half}

Carousel

{:.table.table-striped.td-half}

Dropdowns

{:.table.table-striped.td-half}

• | Dropdown items now require .dropdown-item

Forms

{:.table.table-striped.td-half}

Helper classes

{:.table.table-striped.td-half}

Images

{:.table.table-striped.td-half}

Input groups

{:.table.table-striped.td-half}

• | .input-group-text

Labels & Badges

{:.table.table-striped.td-half}

Navbar

{:.table.table-striped.td-half}

• | .navbar-expand-{breakpoint} .navbar-default | .navbar-light .navbar-toggle | .navbar-toggler .navbar-form | .form-inline .navbar-btn | .nav-item .navbar-right | .ml-auto .navbar-left | .mr-auto .navbar-fixed-top | .fixed-top

Navs

{:.table.table-striped.td-half}

Pagination

{:.table.table-striped.td-half}

Panels

{:.table.table-striped.td-half}

Progress

{:.table.table-striped.td-half}

Tables

{:.table.table-striped.td-half}