Skip to main content

Modus Bootstrap V1.3.0

Christian Oliff
Christian Oliff
Posted on Oct 29, 2021

We’re pleased to announce an update to Modus Bootstrap is now available which brings with it a range of improvements and fixes.

Built on Bootstrap 4.6.1

Modus Bootstrap is now based on the latest Bootstrap v4 update which includes a number of small improvements - check the Bootstrap release notes for full details.

Easier customization of loading Open Sans Google Font

If you’re compiling the Modus Bootstrap CSS at build time then it’s now easier to comment out/remove the Open Sans Google Font @import from modus.scss. You should then add this to the <head> of your page:

<link rel="preconnect" href="" crossorigin>
<link rel="stylesheet" href=",400,600,700&display=fallback">

This will result in the ‘Open Sans’ font loading and displaying faster.

Blue Navbar

A new blue navbar variant is now available.

View the implementation details on the Modus Bootstrap site.

The vertical padding of the navbar has been slightly tweaked so it displays at 56px height.

Removed deprecated colors

Many undocumented and unneeded color classes and variables were removed to make the compiled CSS lighter.

Color Updates

Continuing the work done in updating the brand colors in the previous Modus Bootstrap release - the colors of switches, checkboxes and radio buttons have been updated for a more consistent look.

Fix for Checkbox mis-aligned inputs

We fixed a bug where the checkboxes inputs were slightly vertically mis-aligned causing clicks just above to register.


Whether you’re loading Modus Bootstrap from the CDN or importing from npm, we recommend you to update. Check the Getting Started guide for details.