Grid system
For the purposes of this theme we used 12-column system where the smallest section is 70px wide. You can see example of all columns you can use on illustration bellow. You can use any combination of the columns you want as long as the sum of their numbers is twelve (for example span8 and span4).
Icons Graciously provided by Glyphicons
Image Position
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia.
Toggle
Morbi in dui quis est pulvinar ullamcorper
Integer lacinia sollicitudin massa ultricies
Vestibulum tincidunt malesuada tellus
Tabs
Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. Nam elit agna,endrerit sit amet, tincidunt ac, viverra sed, nulla.
Quisque diam lorem, interdum vitae,dapibus ac, scelerisque vitae, pede.
Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. Nam elit agna,endrerit sit amet, tincidunt ac, viverra sed, nulla.
Quisque diam lorem, interdum vitae,dapibus ac, scelerisque vitae, pede.
Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. Nam elit agna,endrerit sit amet, tincidunt ac, viverra sed, nulla.
Quisque diam lorem, interdum vitae,dapibus ac, scelerisque vitae, pede.
Accordion
Morbi in dui quis est pulvinar ullamcorper
Integer lacinia sollicitudin massa ultricies
Vestibulum tincidunt malesuada tellus
Buttons
Button | class="" | Description |
---|---|---|
btn |
Standard gray button with gradient | |
btn btn_color |
Provides extra visual weight and identifies the primary action in a set of buttons | |
btn btn-info |
Used as an alternate to the default styles | |
btn btn-success |
Indicates a successful or positive action | |
btn btn-warning |
Indicates caution should be taken with this action | |
btn btn-danger |
Indicates a dangerous or potentially negative action | |
btn btn-inverse |
Alternate dark gray button, not tied to a semantic action or use |