First, install the bootstrap
and bootstrap-themes
NPM packages into your Node.js project:
Now add the following to your .scss file (adjust the path to
node_modules/
if your SCSS file is not in the root
directory, e.g. ../node_modules/
):
Download the complete source code of all our themes from our GitHub Repository.
Refer to the Theming Bootstrap Guide on how to customize Bootstrap using SCSS Variables.
Customizing our themes is similar -- just make sure to change the value
of the variables before importing abaculus/variables
.
For example, here's how you can change the font to Fira Sans, the blue color value, the secondary color value, and the body background:
For a list of all the variables in our theme, refer to abaculus/_variables.scss and abaculus/_overrides.scss.
# | Name | Stars | Forks |
---|---|---|---|
1 | Bootstrap | 135k | 66k |
2 | Semantic UI | 46k | 5k |
3 | Bulma | 36k | 3k |
4 | Foundation | 28k | 6k |
# | Name | Stars | Forks |
---|---|---|---|
1 | Bootstrap | 135k | 66k |
2 | Semantic UI | 46k | 5k |
3 | Bulma | 36k | 3k |
4 | Foundation | 28k | 6k |
# | Name | Stars | Forks |
---|---|---|---|
1 | Bootstrap | 135k | 66k |
2 | Semantic UI | 46k | 5k |
3 | Bulma | 36k | 3k |
4 | Foundation | 28k | 6k |
# | Name | Stars | Forks |
---|---|---|---|
1 | Bootstrap | 135k | 66k |
2 | Semantic UI | 46k | 5k |
3 | Bulma | 36k | 3k |
4 | Foundation | 28k | 6k |
# | Name | Stars | Forks |
---|---|---|---|
1 | Bootstrap | 135k | 66k |
2 | Semantic UI | 46k | 5k |
3 | Bulma | 36k | 3k |
4 | Foundation | 28k | 6k |
# | Name | Stars | Forks |
---|---|---|---|
1 | Bootstrap | 135k | 66k |
2 | Semantic UI | 46k | 5k |
3 | Bulma | 36k | 3k |
4 | Foundation | 28k | 6k |
# | Name | Stars | Forks |
---|---|---|---|
1 | Bootstrap | 135k | 66k |
2 | Semantic UI | 46k | 5k |
3 | Bulma | 36k | 3k |
4 | Foundation | 28k | 6k |
# | Name | Stars | Forks |
---|---|---|---|
1 | Bootstrap | 135k | 66k |
2 | Semantic UI | 46k | 5k |
3 | Bulma | 36k | 3k |
4 | Foundation | 28k | 6k |
# | Name | Stars | Forks |
---|---|---|---|
1 | Bootstrap | 135k | 66k |
2 | Semantic UI | 46k | 5k |
3 | Bulma | 36k | 3k |
4 | Foundation | 28k | 6k |
# | Name | Stars | Forks |
---|---|---|---|
1 | Bootstrap | 135k | 66k |
2 | Semantic UI | 46k | 5k |
3 | Bulma | 36k | 3k |
4 | Foundation | 28k | 6k |
With supporting text below as a natural lead-in to additional content.
Do SomethingWith supporting text below as a natural lead-in to additional content.
Do SomethingWith supporting text below as a natural lead-in to additional content.
Do SomethingWith supporting text below as a natural lead-in to additional content.
Do SomethingWith supporting text below as a natural lead-in to additional content.
Do SomethingWith supporting text below as a natural lead-in to additional content.
Do SomethingWith supporting text below as a natural lead-in to additional content.
Do SomethingWith supporting text below as a natural lead-in to additional content.
Do SomethingWith supporting text below as a natural lead-in to additional content.
Do Something