Buttons

Buttons can be created by adding .btn class to a link or button element. By it's self the .btn class does not do much besides create some basic structure. To apply styles to the button we need to add an extender class like .btn-default or .btn-primary

Error processing SSI file

Error processing SSI file

For webmasters needing to add application behavior there are a few additional classes that might be useful. .active will make buttons appear pressed.

Error processing SSI file

Error processing SSI file

Add the .disabled class to make buttons appear unclickable by fading them back 50%. Add the disabled="disabled" attribute to <button> buttons instead of the class.

Error processing SSI file

Error processing SSI file

Other Button Variations

Error processing SSI file

Error processing SSI file

Hover Effects

Add a class .btn-hover to add shutter out horisontal hover effect.

Error processing SSI file

Error processing SSI file

Add classes .btn-next, .btn-prev to add previous and next icons hover effect. Also button's content needs to be inclosed in the span tag.

Error processing SSI file

Error processing SSI file

Sizes

Error processing SSI file

Error processing SSI file