Bootstrap Live Customizer customize variables.less
on-the-fly
This is a live customizer for Bootstrap,
very similar to Bootstrap's customizer (it works
with the same variables), but here the results of the edits are visible
live on this page. The theme.less
file is
also editable which can be used to overwrite any style rule (the
editable less variables can be used in theme.less as well).
This tool generates the customized bootstrap.css
file but also the variables.less
file which
can be used to compile Bootstrap's style sheets manually. Feel free to
customize the LESS variables on the right and see the results live on
this page! Check out the less functions, they are supported
by the customizer!
- Edit the variables and see the results immediately
- Generates the customized bootstrap.css file (applying the
customized theme.less)
- Can use web fonts (just import them in theme.less - see the
predefined themes for examples)
- Can import any customized variables.less file
- Can save any color in the color picker and reuse them later
- The preview and the built in themes are based on the
awesome Bootswatch
project by Thomas
Park
- Built on top of Live LESS Theme Customizer (which
works with ANY webpage, not just Bootstrapped ones)
- This project is brought to you by Virtuosoft,
coded by István Ujj-Mészáros
The generated files are public domain which means that they
can be used in any project without any restrictions.