Test

Theme test page

Bootstrap 3 Template

A Full Featured Example

h1. Bootstrap 3

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

Bootstrap Framework

In simple terms, a responsive web design figures out what resolution of device it’s being served on. Flexible grids then size correctly to fit the screen.

The new Bootstrap 3 promises to be a smaller build. The separate Bootstrap base and responsive.css files have now been merged into one. There is no more fixed grid, only fluid.


Have you ever had a project where you thought it would be so much better to just throw everything out and start over? I believe that’s what’s happening with BS3.

Quasipickle

col-lg-12

col-lg-4

col-lg-4

col-lg-4

col-lg-6

col-lg-6

col-lg-9 / col-sm-6
col-lg-3 / col-sm-6

Button Sizes (4)

Button Classes

  • glyphicon-glass
  • glyphicon-music
  • glyphicon-search
  • glyphicon-envelope
  • glyphicon-heart

Form Inline

Form Horizontal

Bootstrap 3 Inputs

In addition to freeform text, any HTML5 text-based input appears like so.

Something may have gone wrong

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Pagination

Tabs

I’m in Section A.

Howdy, I’m in Section B.

What up girl, this is Section C.

Labels

Default Success Warning Danger Info

Badges

Default

Progress bars


Bootstrap 3 Panels

Panel heading
Hello. This is the Panel content.
Panel primary
Panels are new in BS3.
Panel success
You can use contextual classes.


Bootstrap 3 List Groups

  • List item 1
  • List item 2
  • Mobile-first
  • Responsive
  • Lightweight
  • List item 1
  • List item 2
  • Mobile-first
  • Responsive
  • Lightweight


Well Sizes

.well-sm
.well
.well-lg