Upgrade to Bootstrap 4.2.1, see https://github.com/twbs/bootstrap/issues/26952 and https://blog.getbootstrap.com/2018/12/21/bootstrap-4-2-1/ for official Bootstrap docs.
Replace the following files/snippets:
- Replace: reference to all Bootstrap 4.2.1 CSS and Javascript files in head & footer.
- Using command line within the /theme folder, run:
yarn
Changes:
- New: Added a new spinner loading component.
- New: Added new toast component for displaying notifications.
- New: Added a new iOS style switch (a modifier class to our custom checkboxes).
- New: Added touch support in our carousel component.
- New: Added
.font-weight-lighter
and.font-weight-bolder
utilities. - New: Added
.text-decoration-none
utility class. - New: Added
.modal-xl
modifier class for our modals. - New: Added new negative margin utility classes (e.g.,
.mb-n3
). These rad new classes not only allow you more control over your general spacing needs, but also allow you to create responsive grid gutters at each breakpoint. - New: Validated form fields now have feedback icons on
:invalid
and:valid
fields. Disable them with the$enable-validation-icons
boolean Sass variable (defaults totrue
). - New: Tooltips/Popovers work with Shadow DOM.
- Updated: Redesigned the custom checkboxes and radios for more obvious states.
- Updated:
bootstrap-grid.css
now includes ourmargin
andpadding
utilities for full control of our grid system. - Updated: Changed auto columns (e.g.,
.col-auto
) frommax-width: none
tomax-width: 100%
to prevent content from causing a column to overflow the parent. - Updated: Improved rendering of custom selects, ranges, file input, and more.