Utilities allows you to rapidly create layouts & designs. Bootstrap adopted utilities since version 4 but are missing alot of essentials to really use bootstrap as a utility first framework.

This library utilizes the bootstrap variables so the utilities are generated with your project specific settings in mind. For example all responsive classes are generated based on your media-breakpoint variables.

Installation

Install package yarn add bootstrap-extra-utilities or npm i --save bootstrap-extra-utilities

Include it right after your Bootstrap import so it reads your custom variables @import "~bootstrap-extra-utilities/src/bootstrap-extra-utilities"

If you rather use a prebuild version with the default Bootstrap theming/configuration you can include this from dist/bootstrap-extra-utilities.css

Included utilities (w.i.p.)

background colors
list
overflow
position
border radius
z-index

Do you need Bootstrap?

If you are looking to solely use utilities to build your interfaces I highly recommend you to use tailwindcss instead.

Keywords

bootstrap

utilities

utils

FAQs

What is bootstrap-extra-utilities?

Is bootstrap-extra-utilities well maintained?

Package last updated on 20 Jan 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install