Typography & Content Formatting

h1. Main heading Secondary text

Nam tation ut sed lobortis clita at et iriure erat exerci kasd at takimata nulla dolor dolore elitr sea ipsum dolore ipsum duo et dolor esse eum eos nonumy labore elit justo clita sit dolor eos amet sit ipsum vero kasd sea dolor gubergren consetetur lorem et eirmod ipsum sed dolores et enim autem duis

h2. Main heading Secondary text

h3. Main heading Secondary text

h4. Main heading Secondary text

h5. Main heading Secondary text
h6. Main heading Secondary text

This is a lead paragraph. It can be used as subtitle text.

This is an ordinary paragraph that is long enough to wrap to multiple lines so that you can see how the line spacing looks.

Muted color paragraph.

Warning color paragraph.

Danger color paragraph.

Info color paragraph.

Success color paragraph.

This is text in a small wrapper. NBD, right?


Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
first.last@example.com

Here's what a blockquote looks like in Bootstrap. Use small to identify the source.

  • Normal Unordered List
  • Can Also Work
    • With Nested Children
  • Adds Bullets to Page
  1. Normal Ordered List
  2. Can Also Work
    1. With Nested Children
  3. Adds Bullets to Page

function preFormatting() {  // looks like this;  var something = somethingElse;  return true;}
Buttons
Theme styles

Default styles

Checkbox & radio buttons
Checkboxes

Single line


Checkbox inline

Radio buttons

Single line


Radio button line

Cart steps
Setup - 3 steps

Setup - 4 steps
Hotel icons
hotelicon-air-condition
hotelicon-bathtub
hotelicon-bed
hotelicon-burger
hotelicon-card
hotelicon-coctail
hotelicon-coffee
hotelicon-compas
hotelicon-dining
hotelicon-guest
hotelicon-guestbook
hotelicon-hangers
hotelicon-clock
hotelicon-hotel
hotelicon-icecream
hotelicon-keys
hotelicon-king-bed
hotelicon-kitchen
hotelicon-parking
hotelicon-phone
hotelicon-plane
hotelicon-pool
hotelicon-private
hotelicon-roomservice
hotelicon-stuff
hotelicon-tv
hotelicon-washer
hotelicon-wheel-chair
hotelicon-wheels
hotelicon-wifi
hotelicon-elevator
Linear icons
icon-home
icon-apartment
icon-pencil
icon-magic-wand
icon-drop
icon-lighter
icon-poop
icon-sun
icon-moon
icon-cloud
icon-cloud-upload
icon-cloud-download
icon-cloud-sync
icon-cloud-check
icon-database
icon-lock
icon-cog
icon-trash
icon-dice
icon-heart
icon-star
icon-star-half
icon-star-empty
icon-flag
icon-envelope
icon-paperclip
icon-inbox
icon-eye
icon-printer
icon-file-empty
icon-file-add
icon-enter
icon-exit
icon-graduation-hat
icon-license
icon-music-note
icon-film-play
icon-camera-video
icon-camera
icon-picture
icon-book
icon-bookmark
icon-user
icon-users
icon-shirt
icon-store
icon-cart
icon-tag
icon-phone-handset
icon-phone
icon-pushpin
icon-map-marker
icon-map
icon-location
icon-calendar-full
icon-keyboard
icon-spell-check
icon-screen
icon-smartphone
icon-tablet
icon-laptop
icon-laptop-phone
icon-power-switch
icon-bubble
icon-heart-pulse
icon-construction
icon-pie-chart
icon-chart-bars
icon-gift
icon-diamond
icon-linearicons
icon-dinner
icon-coffee-cup
icon-leaf
icon-paw
icon-rocket
icon-briefcase
icon-bus
icon-car
icon-train
icon-bicycle
icon-wheelchair
icon-select
icon-earth
icon-smile
icon-sad
icon-neutral
icon-mustache
icon-alarm
icon-bullhorn
icon-volume-high
icon-volume-medium
icon-volume-low
icon-volume
icon-mic
icon-hourglass
icon-undo
icon-redo
icon-sync
icon-history
icon-clock
icon-download
icon-upload
icon-enter-down
icon-exit-up
icon-bug
icon-code
icon-link
icon-unlink
icon-thumbs-up
icon-thumbs-down
icon-magnifier
icon-cross
icon-menu
icon-list
icon-chevron-up
icon-chevron-down
icon-chevron-left
icon-chevron-right
icon-arrow-up
icon-arrow-down
icon-arrow-left
icon-arrow-right
icon-move
icon-warning
icon-question-circle
icon-menu-circle
icon-checkmark-circle
icon-cross-circle
icon-plus-circle
icon-circle-minus
icon-arrow-up-circle
icon-arrow-down-circle
icon-arrow-left-circle
icon-arrow-right-circle
icon-chevron-up-circle
icon-chevron-down-circle
icon-chevron-left-circle
icon-chevron-right-circle
icon-crop
icon-frame-expand
icon-frame-contract
icon-layers
icon-funnel
icon-text-format
icon-text-format-remove
icon-text-size
icon-bold
icon-italic
icon-underline
icon-strikethrough
icon-highlight
icon-text-align-left
icon-text-align-center
icon-text-align-right
icon-text-align-justify
icon-line-spacing
icon-indent-increase
icon-indent-decrease
icon-pilcrow
icon-direction-ltr
icon-direction-rtl
icon-page-break
icon-sort-alpha-asc
icon-sort-amount-asc
icon-hand
icon-pointer-up
icon-pointer-right
icon-pointer-down
icon-pointer-left
Bootsrtap icons Show all
  • glyphicon glyphicon-asterisk
  • glyphicon glyphicon-plus
  • glyphicon glyphicon-euro
  • glyphicon glyphicon-eur
  • glyphicon glyphicon-minus
  • glyphicon glyphicon-cloud
  • glyphicon glyphicon-envelope
  • glyphicon glyphicon-pencil
  • glyphicon glyphicon-glass
  • glyphicon glyphicon-music
  • glyphicon glyphicon-search
  • glyphicon glyphicon-heart
  • glyphicon glyphicon-star
  • glyphicon glyphicon-star-empty
  • glyphicon glyphicon-user
  • glyphicon glyphicon-film
  • glyphicon glyphicon-th-large
  • glyphicon glyphicon-th
  • glyphicon glyphicon-th-list
  • glyphicon glyphicon-ok
  • glyphicon glyphicon-remove
  • glyphicon glyphicon-zoom-in
  • glyphicon glyphicon-zoom-out
  • glyphicon glyphicon-off
  • glyphicon glyphicon-signal
  • glyphicon glyphicon-cog
  • glyphicon glyphicon-trash
  • glyphicon glyphicon-home
  • glyphicon glyphicon-file
  • glyphicon glyphicon-time
  • glyphicon glyphicon-road
  • glyphicon glyphicon-download-alt
  • glyphicon glyphicon-download
  • glyphicon glyphicon-upload
  • glyphicon glyphicon-inbox
  • glyphicon glyphicon-play-circle
  • glyphicon glyphicon-repeat
  • glyphicon glyphicon-refresh
  • glyphicon glyphicon-list-alt
  • glyphicon glyphicon-lock
  • glyphicon glyphicon-flag
  • glyphicon glyphicon-headphones
  • glyphicon glyphicon-volume-off
  • glyphicon glyphicon-volume-down
  • glyphicon glyphicon-volume-up
  • glyphicon glyphicon-qrcode
  • glyphicon glyphicon-barcode
  • glyphicon glyphicon-tag
  • glyphicon glyphicon-tags
  • glyphicon glyphicon-book
  • glyphicon glyphicon-bookmark
  • glyphicon glyphicon-print
  • glyphicon glyphicon-camera
  • glyphicon glyphicon-font
  • glyphicon glyphicon-bold
  • glyphicon glyphicon-italic
  • glyphicon glyphicon-text-height
  • glyphicon glyphicon-text-width
  • glyphicon glyphicon-align-left
  • glyphicon glyphicon-align-center
  • glyphicon glyphicon-align-right
  • glyphicon glyphicon-align-justify
  • glyphicon glyphicon-list
  • glyphicon glyphicon-indent-left
  • glyphicon glyphicon-indent-right
  • glyphicon glyphicon-facetime-video
  • glyphicon glyphicon-picture
  • glyphicon glyphicon-map-marker
  • glyphicon glyphicon-adjust
  • glyphicon glyphicon-tint
  • glyphicon glyphicon-edit
  • glyphicon glyphicon-share
  • glyphicon glyphicon-check
  • glyphicon glyphicon-move
  • glyphicon glyphicon-step-backward
  • glyphicon glyphicon-fast-backward
  • glyphicon glyphicon-backward
  • glyphicon glyphicon-play
  • glyphicon glyphicon-pause
  • glyphicon glyphicon-stop
  • glyphicon glyphicon-forward
  • glyphicon glyphicon-fast-forward
  • glyphicon glyphicon-step-forward
  • glyphicon glyphicon-eject
  • glyphicon glyphicon-chevron-left
  • glyphicon glyphicon-chevron-right
  • glyphicon glyphicon-plus-sign
  • glyphicon glyphicon-minus-sign
  • glyphicon glyphicon-remove-sign
  • glyphicon glyphicon-ok-sign
  • glyphicon glyphicon-question-sign
  • glyphicon glyphicon-info-sign
  • glyphicon glyphicon-screenshot
  • glyphicon glyphicon-remove-circle
  • glyphicon glyphicon-ok-circle
  • glyphicon glyphicon-ban-circle
  • glyphicon glyphicon-arrow-left
  • glyphicon glyphicon-arrow-right
  • glyphicon glyphicon-arrow-up
  • glyphicon glyphicon-arrow-down
  • glyphicon glyphicon-share-alt
  • glyphicon glyphicon-resize-full
  • glyphicon glyphicon-resize-small
  • glyphicon glyphicon-exclamation-sign
  • glyphicon glyphicon-gift
  • glyphicon glyphicon-leaf
  • glyphicon glyphicon-fire
  • glyphicon glyphicon-eye-open
  • glyphicon glyphicon-eye-close
  • glyphicon glyphicon-warning-sign
  • glyphicon glyphicon-plane
  • glyphicon glyphicon-calendar
  • glyphicon glyphicon-random
  • glyphicon glyphicon-comment
  • glyphicon glyphicon-magnet
  • glyphicon glyphicon-chevron-up
  • glyphicon glyphicon-chevron-down
  • glyphicon glyphicon-retweet
  • glyphicon glyphicon-shopping-cart
  • glyphicon glyphicon-folder-close
  • glyphicon glyphicon-folder-open
  • glyphicon glyphicon-resize-vertical
  • glyphicon glyphicon-resize-horizontal
  • glyphicon glyphicon-hdd
  • glyphicon glyphicon-bullhorn
  • glyphicon glyphicon-bell
  • glyphicon glyphicon-certificate
  • glyphicon glyphicon-thumbs-up
  • glyphicon glyphicon-thumbs-down
  • glyphicon glyphicon-hand-right
  • glyphicon glyphicon-hand-left
  • glyphicon glyphicon-hand-up
  • glyphicon glyphicon-hand-down
  • glyphicon glyphicon-circle-arrow-right
  • glyphicon glyphicon-circle-arrow-left
  • glyphicon glyphicon-circle-arrow-up
  • glyphicon glyphicon-circle-arrow-down
  • glyphicon glyphicon-globe
  • glyphicon glyphicon-wrench
  • glyphicon glyphicon-tasks
  • glyphicon glyphicon-filter
  • glyphicon glyphicon-briefcase
  • glyphicon glyphicon-fullscreen
  • glyphicon glyphicon-dashboard
  • glyphicon glyphicon-paperclip
  • glyphicon glyphicon-heart-empty
  • glyphicon glyphicon-link
  • glyphicon glyphicon-phone
  • glyphicon glyphicon-pushpin
  • glyphicon glyphicon-usd
  • glyphicon glyphicon-gbp
  • glyphicon glyphicon-sort
  • glyphicon glyphicon-sort-by-alphabet
  • glyphicon glyphicon-sort-by-alphabet-alt
  • glyphicon glyphicon-sort-by-order
  • glyphicon glyphicon-sort-by-order-alt
  • glyphicon glyphicon-sort-by-attributes
  • glyphicon glyphicon-sort-by-attributes-alt
  • glyphicon glyphicon-unchecked
  • glyphicon glyphicon-expand
  • glyphicon glyphicon-collapse-down
  • glyphicon glyphicon-collapse-up
  • glyphicon glyphicon-log-in
  • glyphicon glyphicon-flash
  • glyphicon glyphicon-log-out
  • glyphicon glyphicon-new-window
  • glyphicon glyphicon-record
  • glyphicon glyphicon-save
  • glyphicon glyphicon-open
  • glyphicon glyphicon-saved
  • glyphicon glyphicon-import
  • glyphicon glyphicon-export
  • glyphicon glyphicon-send
  • glyphicon glyphicon-floppy-disk
  • glyphicon glyphicon-floppy-saved
  • glyphicon glyphicon-floppy-remove
  • glyphicon glyphicon-floppy-save
  • glyphicon glyphicon-floppy-open
  • glyphicon glyphicon-credit-card
  • glyphicon glyphicon-transfer
  • glyphicon glyphicon-cutlery
  • glyphicon glyphicon-header
  • glyphicon glyphicon-compressed
  • glyphicon glyphicon-earphone
  • glyphicon glyphicon-phone-alt
  • glyphicon glyphicon-tower
  • glyphicon glyphicon-stats
  • glyphicon glyphicon-sd-video
  • glyphicon glyphicon-hd-video
  • glyphicon glyphicon-subtitles
  • glyphicon glyphicon-sound-stereo
  • glyphicon glyphicon-sound-dolby
  • glyphicon glyphicon-sound-5-1
  • glyphicon glyphicon-sound-6-1
  • glyphicon glyphicon-sound-7-1
  • glyphicon glyphicon-copyright-mark
  • glyphicon glyphicon-registration-mark
  • glyphicon glyphicon-cloud-download
  • glyphicon glyphicon-cloud-upload
  • glyphicon glyphicon-tree-conifer
  • glyphicon glyphicon-tree-deciduous
  • glyphicon glyphicon-cd
  • glyphicon glyphicon-save-file
  • glyphicon glyphicon-open-file
  • glyphicon glyphicon-level-up
  • glyphicon glyphicon-copy
  • glyphicon glyphicon-paste
  • glyphicon glyphicon-alert
  • glyphicon glyphicon-equalizer
  • glyphicon glyphicon-king
  • glyphicon glyphicon-queen
  • glyphicon glyphicon-pawn
  • glyphicon glyphicon-bishop
  • glyphicon glyphicon-knight
  • glyphicon glyphicon-baby-formula
  • glyphicon glyphicon-tent
  • glyphicon glyphicon-blackboard
  • glyphicon glyphicon-bed
  • glyphicon glyphicon-apple
  • glyphicon glyphicon-erase
  • glyphicon glyphicon-hourglass
  • glyphicon glyphicon-lamp
  • glyphicon glyphicon-duplicate
  • glyphicon glyphicon-piggy-bank
  • glyphicon glyphicon-scissors
  • glyphicon glyphicon-bitcoin
  • glyphicon glyphicon-btc
  • glyphicon glyphicon-xbt
  • glyphicon glyphicon-yen
  • glyphicon glyphicon-jpy
  • glyphicon glyphicon-ruble
  • glyphicon glyphicon-rub
  • glyphicon glyphicon-scale
  • glyphicon glyphicon-ice-lolly
  • glyphicon glyphicon-ice-lolly-tasted
  • glyphicon glyphicon-education
  • glyphicon glyphicon-option-horizontal
  • glyphicon glyphicon-option-vertical
  • glyphicon glyphicon-menu-hamburger
  • glyphicon glyphicon-modal-window
  • glyphicon glyphicon-oil
  • glyphicon glyphicon-grain
  • glyphicon glyphicon-sunglasses
  • glyphicon glyphicon-text-size
  • glyphicon glyphicon-text-color
  • glyphicon glyphicon-text-background
  • glyphicon glyphicon-object-align-top
  • glyphicon glyphicon-object-align-bottom
  • glyphicon glyphicon-object-align-horizontal
  • glyphicon glyphicon-object-align-left
  • glyphicon glyphicon-object-align-vertical
  • glyphicon glyphicon-object-align-right
  • glyphicon glyphicon-triangle-right
  • glyphicon glyphicon-triangle-left
  • glyphicon glyphicon-triangle-bottom
  • glyphicon glyphicon-triangle-top
  • glyphicon glyphicon-console
  • glyphicon glyphicon-superscript
  • glyphicon glyphicon-subscript
  • glyphicon glyphicon-menu-left
  • glyphicon glyphicon-menu-right
  • glyphicon glyphicon-menu-down
  • glyphicon glyphicon-menu-up
Alerts & labels

Labels

Default Primary Success Info Warning Danger

Helpers

Molestie est takimata labore kasd sea at ea suscipit elit at lorem lorem gubergren

Molestie est takimata labore kasd sea at ea suscipit elit at lorem lorem gubergren

Molestie est takimata labore kasd sea at ea suscipit elit at lorem lorem gubergren

Molestie est takimata labore kasd sea at ea suscipit elit at lorem lorem gubergren

Molestie est takimata labore kasd sea at ea suscipit elit at lorem lorem gubergren

Progress Bars
60% Complete
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)
35% Complete (success)
20% Complete (warning)
10% Complete (danger)
Tables
# First Name Tables
1 Michael Are formatted like this
2 Lucille Do you like them?
3 Success
4 Danger
5 Warning
6 Active
# First Name Tables
1 Michael This one is bordered and condensed
2 Lucille Do you still like it?
Forms

Subscribe

& receive free premium gifts