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.
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
- background colors
- list
- overflow
- position
- border radius
- z-index
- object-fit
If you are looking to solely use utilities to build your interfaces I highly recommend you to use tailwindcss instead.