Skip to content

Instantly share code, notes, and snippets.

usaphp /
Created Jan 31, 2018
Bootstrap 4 changes
layout title description group toc
Migrating to v4
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.

Stable changes

usaphp / Bootstrap 4.0.0 alpha 6 to 4.0.0 Final
Last active Feb 1, 2018
Explanation of changes from Bootstrap 4 alpha 6 to Bootstrap 4.0.0 Final for Light Admin Template
View Bootstrap 4.0.0 alpha 6 to 4.0.0 Final

For a full list of updates from alpha to final version of Bootstrap 4.0.0 you can read official bootstrap blog:

These are the changes I've made inside the template due to updates of Bootstrap 4.0.0 Final:

  • card-block class renamed to card-body
  • popover-title class renamed to popover-header
  • popover-content class renamed to popover-body
  • $brand-primary and other $brand- variables renamed to $primary etc...
  • $nav-disabled-link-color renamed to $nav-link-disabled-color
  • $font-size-h1 and other font-size-h_ variables renamed to h1-font-size etc...
View javascriptmediaqueries
// HTML:
<div class="display-type"></div>
// CSS:
// set the content of an element depending on the media query