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.