Theme test page
Published on: May 30, 2015
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
Bootstrap 3 Navbar
Toggle navigation Title
Toggle navigation Title
Toggle navigation Title
Grid
Bootstrap 3 scaffolding has changed for improved display on mobile devices
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
Bootstrap 3 Buttons
With no gradients and borders, Bootstrap 3.0 buttons now have a flatter look
Button Sizes (4)
×
Modal header
One fine body…
Close Save changes
Button Classes
-
Dropdown
Bootstrap 3 Icons
The 2.x icons are now replaced by glyphicons in BS3.
- glyphicon-glass
- glyphicon-music
- glyphicon-search
- glyphicon-envelope
- glyphicon-heart
Forms
Form Inline
Remember me Sign in
Form Horizontal
Bootstrap 3 Inputs Text input
In addition to freeform text, any HTML5 text-based input appears like so.
Checkbox Option one is this and that—be sure to include why it’s great
Select list
something 2 3 4 5
Multicon-select
1 2 3 4 5
File input
Textarea
Disabled checkbox This is a disabled checkbox
Input with warning Something may have gone wrong
Save changes Cancel
Tables
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Miscellaneous
Breadcrumbs
Pagination
Pagers
Tabs
I’m in Section A.
Howdy, I’m in Section B.
What up girl, this is Section C.
Pills
Nav Lists
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
Linked list group Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros
Well Sizes
.well-sm .well .well-lg