BootStrap Colour Classes

Each BootStrapSkin stylesheet has 23 colours to choose from, 4 Bootstrap and 14 custom colours, and a further 5 shades of the stylesheet being used.

The examples below use the bootstrap-blue.css stylesheet, but you can also choose from 10 other colour styles.

Shaded colour classes;

default

light

lighter

dark

darker

BootStrap colour classes;

info

success

warning

danger

Custom colour classes;

neutral

neutral-light

primary

cyanide

meadow

cocktail

mango

berry

hearts

party

midnight

cello

hollow

concrete

Using Colors

Add any of the colors listed above, the buttons are used as a guide, but can be added to any of the Bootstrap styles e.g. panels, buttons, alerts etc.

<div class="btn btn-concrete"><i class="fa fa-exclamation-triangle"></i> concrete</div>

In the example above we're using the concrete color class with a button, to change the color replace concrete to any of the names shown on the example buttons.