ui/bootstraptheme.css
is a
customized version of Bootstrap with additional features.
You can customize Bootstrap by modifying
variable
from the URL. For example:
ui/bootstraptheme.css?primary=maroon
creates a CSS that has the primary color as maroon.
(See the effect on this page.)
See the list of Bootstrap variables you can change. Here are some examples:
In addition, any variable beginning with color
is added as a
theme color. For example, initially these buttons have no color:
But click on this link:
?color1=purple&color-abc=teal
to add a new color1
and color-abc
to the theme.
All color methods like .bg-color1
, .text-color-abc
,
etc work.
You can change some common variables from the Change Theme button on at the top of this page to colors, fonts and style. The styles include:
?{{ name }}={{ 'false' if info.default == 'true' else 'true' }}
(default: {{ info.default }})
There are also additional components and utilities in the library. See the sidebar for a full list.