Line 1: Line 1:
 +
<table class="toc"><tr><td><div id="toctitle"><h2>Contents</h2></div>
 +
<ul>
 +
<li class="toclevel-1 tocsection-1"><a href="#Basic_Design_Elements"><span class="tocnumber">1</span> <span class="toctext">Basic Design Elements</span></a></li>
 +
<li class="toclevel-1 tocsection-2"><a href="#HTML_Tables"><span class="tocnumber">2</span> <span class="toctext">HTML Tables</span></a></li>
 +
<li class="toclevel-1 tocsection-3"><a href="#Bootstrap_specific_design_elements"><span class="tocnumber">3</span> <span class="toctext">Bootstrap specific design elements</span></a>
 +
<ul>
 +
<li class="toclevel-2 tocsection-4"><a href="#Alert_Messages"><span class="tocnumber">3.1</span> <span class="toctext">Alert Messages</span></a></li>
 +
<li class="toclevel-2 tocsection-5"><a href="#Tooltips"><span class="tocnumber">3.2</span> <span class="toctext">Tooltips</span></a></li>
 +
<li class="toclevel-2 tocsection-6"><a href="#Popovers"><span class="tocnumber">3.3</span> <span class="toctext">Popovers</span></a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</td></tr></table>
 +
 
This page contains an overview of code elements that can be used to style content within the wiki.
 
This page contains an overview of code elements that can be used to style content within the wiki.
 
== Basic Design Elements ==
 
== Basic Design Elements ==

Revision as of 15:50, 31 October 2012

  • <a href="#Basic_Design_Elements">1 Basic Design Elements</a>
  • <a href="#HTML_Tables">2 HTML Tables</a>
  • <a href="#Bootstrap_specific_design_elements">3 Bootstrap specific design elements</a>
    • <a href="#Alert_Messages">3.1 Alert Messages</a>
    • <a href="#Tooltips">3.2 Tooltips</a>
    • <a href="#Popovers">3.3 Popovers</a>

This page contains an overview of code elements that can be used to style content within the wiki.

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

A Link

Popovers

Usage: {{pop|This is a popover|Popover Title|Popover Content}}

Example: This is a popover