Heads up! Bootstrap Pretty is in the early stages of development and may not be suitable for production environments.
Install with npm: npm install bootstrap-pretty
Install with yarn: yarn add bootstrap-pretty
For Bootstrap Pretty SCSS to compile with minimal changes, the recommended file structure is below:
styles/
├── custom/
│ ├── _variables.scss
│ ├── _additional-styles.scss
└── styles.scss
- Head over to the Bootstrap Pretty docs and pick a theme.
- On your chosen theme's docs page, navigate to Customize > SASS, for example
https://bootstrappretty.dev/palettes/dracula/#sass
. - Copy the file in this section and name it
styles.scss
and place it into the recommended file structure above. - Compile with the framework you are using and be sure to reference the compiled CSS in the
<head>
of your document.
Have a bug or a feature request? File an issue in Bootstrap Pretty.
Pull requests are welcome!