https://github.com/gijsroge/bootstrap-extra-utilities
A set of missing utilities for Bootstrap 4
https://github.com/gijsroge/bootstrap-extra-utilities
Last synced: 4 months ago
JSON representation
A set of missing utilities for Bootstrap 4
- Host: GitHub
- URL: https://github.com/gijsroge/bootstrap-extra-utilities
- Owner: gijsroge
- Created: 2018-10-24T22:17:29.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-01-20T17:29:53.000Z (over 6 years ago)
- Last Synced: 2025-02-11T11:09:54.065Z (5 months ago)
- Language: CSS
- Size: 188 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bootstrap 4 extra utility classes.
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
* object-fit
## Do you need Bootstrap?
If you are looking to solely use utilities to build your interfaces I highly recommend you to use [tailwindcss](https://tailwindcss.com/docs/) instead.