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
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 InfoBadges
DefaultProgress 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