Difference between revisions of "Help:Formatting"
| Line 13: | Line 13: | ||
[http://www.google.com Link to external site] | [http://www.google.com Link to external site] | ||
| − | === | + | === HTML Tables === |
| + | <table class="table"> | ||
| + | <tr> | ||
| + | <th>Heading 1</th> | ||
| + | <th>Heading 2</th> | ||
| + | <th>Heading 3</th> | ||
| + | <th>Heading 4</th> | ||
| + | <th>Heading 5</th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Row 1-1</td> | ||
| + | <td>Row 1-2</td> | ||
| + | <td>Row 1-3</td> | ||
| + | <td>Row 1-4</td> | ||
| + | <td>Row 1-5</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Row 2-1</td> | ||
| + | <td>Row 2-2</td> | ||
| + | <td>Row 2-3</td> | ||
| + | <td>Row 2-4</td> | ||
| + | <td>Row 2-5</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Row 3-1</td> | ||
| + | <td>Row 3-2</td> | ||
| + | <td>Row 3-3</td> | ||
| + | <td>Row 3-4</td> | ||
| + | <td>Row 3-5</td> | ||
| + | </tr> | ||
| + | </table> | ||
| − | === Alert Messages | + | === Bootstrap specific design elements === |
| + | |||
| + | == Alert Messages == | ||
Usage: <code><nowiki> | Usage: <code><nowiki> | ||
{{alert|This is your message|alert-danger}} | {{alert|This is your message|alert-danger}} | ||
| Line 27: | Line 59: | ||
{{alert|This is an alert message! (alert-info)|alert-info}} | {{alert|This is an alert message! (alert-info)|alert-info}} | ||
| − | + | == Tooltips == | |
Usage: <code><nowiki>{{tip|Something|This is the tooltip!}}</nowiki></code> or <code><nowiki>{{tip|[[A Link]]|This is the tooltip!}}</nowiki></code> | Usage: <code><nowiki>{{tip|Something|This is the tooltip!}}</nowiki></code> or <code><nowiki>{{tip|[[A Link]]|This is the tooltip!}}</nowiki></code> | ||
| Line 36: | Line 68: | ||
{{tip|[[A Link]]|This is the tooltip!}} | {{tip|[[A Link]]|This is the tooltip!}} | ||
| − | + | == Popovers == | |
Revision as of 15:41, 31 October 2012
This page contains an overview of code elements that can be used to style content within the wiki.
Contents
Basic Design Elements
'''Bold text'''
Bold text
''Italic text''
Italic text
[[Link to internal page]]
Link to internal page
[http://www.google.com Link to external site]
Link to external site
HTML Tables
| Heading 1 | Heading 2 | Heading 3 | Heading 4 | Heading 5 |
|---|---|---|---|---|
| Row 1-1 | Row 1-2 | Row 1-3 | Row 1-4 | Row 1-5 |
| Row 2-1 | Row 2-2 | Row 2-3 | Row 2-4 | Row 2-5 |
| Row 3-1 | Row 3-2 | Row 3-3 | Row 3-4 | Row 3-5 |
Bootstrap specific design elements
Alert Messages
Usage:
{{alert|This is your message|alert-danger}}
Examples
Warning: This is an alert message! (alert-danger)
Caution: This is an alert message! (alert-warning)
Green Infrastructure: This is an alert message! (alert-success)
Information: This is an alert message! (alert-info)
Tooltips
Usage: {{tip|Something|This is the tooltip!}} or {{tip|[[A Link]]|This is the tooltip!}}
Examples
Something