A collection of open source themes for BootsDrac 🧛♂️ and Bootstrap
View Bootswatch-rtl themes »
Report bug
·
Request feature
There are a few different ways you can integrate Bootswatch into your project.
Download the bootstrap.min.css file associated with a theme and replace
Bootstrap's default stylesheet. You must still include Bootstrap's JavaScript
file to have functional dropdowns, modals, etc.
First of all, you should install Bootsdrac npm i bootsdrac , If you're using Sass (SCSS) in your project, you can
import the _variables.scss and _bootswatch.scss files for a given theme.
This method allows you to override theme variables.
// Your variable overrides go here, e.g.:
// $h1-font-size: 3rem;
@import "~bootswatch/dist/[theme]/variables";
@import "~bootsdrac/scss/bootstrap-rtl";
@import "~bootswatch/dist/[theme]/bootswatch";Make sure to import Bootstrap's bootstrap-rtl.scss in between _variables.scss
and _bootswatch.scss!
Bootswatch is open source and you’re welcome to modify the themes.
Each theme consists of two SASS files. _variables.scss, which is included by default in Bootstrap, allows you to customize the settings. _bootswatch.scss introduces more extensive structural changes.
Check out the Help page for more details on building your own theme.
MohammadReza Jelveh
Thomas Park
Copyright 2020 MohammadReza Jelveh
Copyright 2014-2020 Thomas Park
Code released under the MIT License.