Lorem ipsum dolor sit amet, consectetur adipiscing elit. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Duo Reges: constructio interrete. Ita similis erit ei finis boni, atque antea fuerat, neque idem tamen; Nihil enim hoc differt. Nam aliquando posse recte fieri dicunt nulla expectata nec quaesita voluptate. Zenonis est, inquam, hoc Stoici. An eiusdem modi? Quod, inquit, quamquam voluptatibus quibusdam est saepe iucundius, tamen expetitur propter voluptatem.
Blockquotes
Quid paulo ante, inquit, dixerim nonne meministi, cum omnis dolor detractus esset, variari, non augeri voluptatem?
Unordered & Ordered Lists
- Hoc est non modo cor non habere, sed ne palatum quidem.
- Illis videtur, qui illud non dubitant bonum dicere -;
- Si enim ita est, vide ne facinus facias, cum mori suadeas.
- Familiares nostros, credo, Sironem dicis et Philodemum, cum optimos viros, tum homines doctissimos.
- Sed tamen enitar et, si minus multa mihi occurrent, non fugiam ista popularia.
- At iam decimum annum in spelunca iacet.
Ut dignissim aliquet nibh tristique hendrerit. Donec ullamcorper nulla quis metus vulputate id placerat augue eleifend. Aenean venenatis consectetur orci, sit amet ultricies magna sagittis vel. Nulla non diam nisi, ut ultrices massa. Pellentesque sed nisl metus. Praesent a mi vel ante molestie venenatis.
Code
For example, <section> should be wrapped as inline.
Pre Block
Sample text here...
Form Styling
Ut dignissim aliquet nibh tristique hendrerit. Donec ullamcorper nulla quis metus vulputate id placerat augue eleifend. Aenean venenatis consectetur orci, sit amet ultricies magna sagittis vel. Nulla non diam nisi, ut ultrices massa. Pellentesque sed nisl metus. Praesent a mi vel ante molestie venenatis.
Horizontal Form
Search Form
Inline Form
Selects
Validate State
Button Styles
| Button | Class | Description |
|---|---|---|
| btn | Standard gray button with gradient | |
| btn-primary | Provides extra visual weight and identifies the primary action in a set of buttons | |
| btn-info | Used as an alternative to the default styles | |
| btn-success | Indicates a successful or positive action | |
| btn-warning | Indicates caution should be taken with this action | |
| btn-danger | Indicates a dangerous or potentially negative action | |
| btn-inverse | Alternate dark gray button, not tied to a semantic action or use | |
| btn-link | Deemphasize a button by making it look like a link while maintaining button behavior | |
| btn-flat or use custom mixins flatButton(@bgColor, @bgStateColor, @textColor, @textStateColor, @radius); | Making the button flat using custom mixin from the template | |
| btn-primary btn-flattened | Remove button gradient only. Need other btn class to specify color etc. |
Button Size
<p> <button class="btn btn-large btn-primary" type="button">Large button</button> <button class="btn btn-large" type="button">Large button</button> <button class="btn btn-large btn-info btn-flatten" type="button">Large button</button> </p> <p> <button class="btn btn-primary" type="button">Default button</button> <button class="btn" type="button">Default button</button> <button class="btn btn-info btn-flatten" type="button">Default button</button> </p> <p> <button class="btn btn-small btn-primary" type="button">Small button</button> <button class="btn btn-small" type="button">Small button</button> <button class="btn btn-small btn-info btn-flatten" type="button">Small button</button> </p> <p> <button class="btn btn-mini btn-primary" type="button">Mini button</button> <button class="btn btn-mini" type="button">Mini button</button> <button class="btn btn-mini btn-info btn-flatten" type="button">Mini button</button> </p>