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
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
Bootstrap 3 Icons
The 2.x icons are now replaced by glyphicons in BS3.
Forms
Form Inline
Form Horizontal
Tables
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
Miscellaneous
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
Bootstrap 3 List Groups
- List item 1
- List item 2
- Mobile-first
- Responsive
- Lightweight
- List item 1
- List item 2
- Mobile-first
- Responsive
- Lightweight