Fauxton Style Guide mostly made of Bootstrap 2.x

(Mostly) Standard Bootstrap styles customized for Fauxton.

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

Bootstrap Standard Button class names

.btn.btn-large.btn-*

.btn.btn-*

.btn.btn-small.btn-*

.btn.btn-mini.btn-*

with Icons

.btn.btn-large.btn-*

.btn.btn-*

.btn.btn-small.btn-*

.btn.btn-mini.btn-*

just Icons

.btn.btn-large.btn-*

.btn.btn-*

.btn.btn-small.btn-*

.btn.btn-mini.btn-*

.btn-group

Edit design doc

disabled

.btn.btn-*

.btn.btn-*

Legend Example block-level help text here.

Search

Sign in

Whole form

Selects

Inputs with pre

@

Inputs with post

.00

Inputs with pre and post

$ .00

Inputs with button

Inputs with two buttons

Inputs with dropdown button

Inputs sizes

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
60% Complete
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)
35% Complete (success)
20% Complete (warning)
10% Complete (danger)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.