Language selection

Search


Labels

Labels with text

Default label

Some text here (Label info)

Primary label

Some text here (Label info)

Success label

Some text here (Label info)

Info label

Some text here (Label info)

Warning label

Some text here (Label info)

Danger label

Some text here (Label info)

Default label as link

Some text here (Label info)

Code

<dl>
	<dt>Default label<dt>
	<dd><p>Some text here <span class="label label-default">(Label info)</span></p></dd>
	<dt>Primary label<dt>
	<dd><p>Some text here <span class="label label-primary">(Label info)</span></p></dd>
	<dt>Success label<dt>
	<dd><p>Some text here <span class="label label-success">(Label info)</span></p></dd>
	<dt>Info label<dt>
	<dd><p>Some text here <span class="label label-info">(Label info)</span></p></dd>
	<dt>Warning label<dt>
	<dd><p>Some text here <span class="label label-warning">(Label info)</span></p></dd>
	<dt>Danger label<dt>
	<dd><p>Some text here <span class="label label-danger">(Label info)</span></p></dd>
	<dt>Default label as a link<dt>
	<dd><p>Some text here <a class="label label-default">(Label info)</a></p></dd>
</dl>

Reference

Web Experience Toolkit Style Guide - Labels

Page details

Date modified: