<div class="checkbox"><input type="checkbox" id="checkbox-1"><label for="checkbox-1">Default</label></div>
<div class="checkbox primary"><input type="checkbox" checked id="checkbox-2"><label for="checkbox-2">Primary</label></div>
<div class="checkbox success"><input type="checkbox" checked id="checkbox-3"><label for="checkbox-3">Success</label></div>
<div class="checkbox info"><input type="checkbox" id="checkbox-4"><label for="checkbox-4">Info</label></div>
<div class="checkbox warning"><input type="checkbox" id="checkbox-5"><label for="checkbox-5">Warning</label></div>
<div class="checkbox danger"><input type="checkbox" checked id="checkbox-6"><label for="checkbox-6">Danger</label></div>
<div class="checkbox purple"><input type="checkbox" id="checkbox-7"><label for="checkbox-7">Purple</label></div>
<div class="checkbox pink"><input type="checkbox" id="checkbox-8"><label for="checkbox-8">Pink</label></div>
<div class="checkbox inverse"><input type="checkbox" checked id="checkbox-9"><label for="checkbox-9">Inverse</label></div>
<p>چک باکس های درون خطی</p>
<ul class="list-inline">
<li>
<div class="checkbox info"><input type="checkbox" id="checkbox-10"><label for="checkbox-10">One</label></div>
</li>
<li>
<div class="checkbox pink"><input type="checkbox" id="checkbox-11"><label for="checkbox-11">Two</label></div>
</li>
<li>
<div class="checkbox inverse"><input type="checkbox" checked id="checkbox-12"><label for="checkbox-12">Three</label></div>
</li>
</ul>


<div class="checkbox circled"><input type="checkbox" id="checkbox-circled-1"><label for="checkbox-circled-1">Default</label></div>
<div class="checkbox circled primary"><input type="checkbox" checked id="checkbox-circled-2"><label for="checkbox-circled-2">Primary</label></div>
<div class="checkbox circled success"><input type="checkbox" checked id="checkbox-circled-3"><label for="checkbox-circled-3">Success</label></div>
<div class="checkbox circled info"><input type="checkbox" id="checkbox-circled-4"><label for="checkbox-circled-4">Info</label></div>
<div class="checkbox circled warning"><input type="checkbox" id="checkbox-circled-5"><label for="checkbox-circled-5">Warning</label></div>
<div class="checkbox circled danger"><input type="checkbox" checked id="checkbox-circled-6"><label for="checkbox-circled-6">Danger</label></div>
<div class="checkbox circled purple"><input type="checkbox" id="checkbox-circled-7"><label for="checkbox-circled-7">Purple</label></div>
<div class="checkbox circled pink"><input type="checkbox" id="checkbox-circled-8"><label for="checkbox-circled-8">Pink</label></div>
<div class="checkbox circled inverse"><input type="checkbox" checked id="checkbox-circled-9"><label for="checkbox-circled-9">Inverse</label></div>
<p>چک باکس های درون خطی</p>
<ul class="list-inline">
<li>
<div class="checkbox circled info"><input type="checkbox" id="checkbox-circled-10"><label for="checkbox-circled-10">One</label></div>
</li>
<li>
<div class="checkbox circled pink"><input type="checkbox" id="checkbox-circled-11"><label for="checkbox-circled-11">Two</label></div>
</li>
<li>
<div class="checkbox circled inverse"><input type="checkbox" checked id="checkbox-circled-12"><label for="checkbox-circled-12">Three</label></div>
</li>
</ul>


<div class="switch"><input type="checkbox" id="switch-1"><label for="switch-1">Switch 1</label> </div>
<div class="switch primary"><input type="checkbox" checked id="switch-2"><label for="switch-2">Switch 2</label></div>
<div class="switch success"><input type="checkbox" checked id="switch-3"><label for="switch-3">Switch 3</label></div>
<div class="switch info"><input type="checkbox" id="switch-4"><label for="switch-4">Switch 4</label></div>
<div class="switch warning"><input type="checkbox" id="switch-5"><label for="switch-5">Switch 5</label></div>
<div class="switch danger"><input type="checkbox" checked id="switch-6"><label for="switch-6">Switch 6</label></div>
<div class="switch purple"><input type="checkbox" id="switch-7"><label for="switch-7">Switch 7</label></div>
<div class="switch pink"><input type="checkbox" checked id="switch-8"><label for="switch-8">Switch 8</label></div>
<div class="switch inverse"><input type="checkbox" id="switch-9"><label for="switch-9">Switch 9</label></div>
<div class="switch success"><input type="checkbox" id="switch-10"><label for="switch-10">Switch 10</label></div>


<div class="radio"><input type="radio" name="radio-1" id="radio-1"><label for="radio-1">Default</label></div>
<div class="radio primary"><input type="radio" name="radio-1" id="radio-2"><label for="radio-2">Primary</label></div>
<div class="radio success"><input type="radio" name="radio-1" id="radio-3"><label for="radio-3">Success</label></div>
<div class="radio info"><input type="radio" name="radio-1" id="radio-4"><label for="radio-4">Info</label></div>
<div class="radio warning"><input type="radio" name="radio-1" id="radio-5"><label for="radio-5">Warning</label></div>
<div class="radio danger"><input type="radio" name="radio-1" checked id="radio-6"><label for="radio-6">Danger</label></div>
<div class="radio purple"><input type="radio" name="radio-1" id="radio-7"><label for="radio-7">Purple</label></div>
<div class="radio pink"><input type="radio" name="radio-1" id="radio-8"><label for="radio-8">Pink</label></div>
<div class="radio inverse"><input type="radio" name="radio-1" id="radio-9"><label for="radio-9">Inverse</label></div>
<p>Inline radios</p>
<ul class="list-inline">
<li>
<div class="radio info"><input type="radio" checked name="radio-2" id="radio-10"><label for="radio-10">One</label></div>
</li>
<li>
<div class="radio pink"><input type="radio" name="radio-2" id="radio-11"><label for="radio-11">Two</label></div>
</li>
<li>
<div class="radio inverse"><input type="radio" name="radio-2" id="radio-12"><label for="radio-12">Three</label></div>
</li>
</ul>

<div class="checkbox"><input type="checkbox" disabled id="checkbox-disable-1"><label for="checkbox-disable-1">Default</label></div>
<div class="checkbox primary"><input type="checkbox" disabled checked id="checkbox-disable-2"><label for="checkbox-disable-2">Primary</label></div>
<div class="checkbox success"><input type="checkbox" disabled checked id="checkbox-disable-3"><label for="checkbox-disable-3">Success</label></div>
<div class="checkbox info"><input type="checkbox" disabled id="checkbox-disable-4"><label for="checkbox-disable-4">Info</label></div>
<div class="checkbox warning"><input type="checkbox" disabled id="checkbox-disable-5"><label for="checkbox-disable-5">Warning</label></div>
<div class="checkbox danger"><input type="checkbox" disabled checked id="checkbox-disable-6"><label for="checkbox-disable-6">Danger</label></div>
<div class="checkbox purple"><input type="checkbox" disabled id="checkbox-disable-7"><label for="checkbox-disable-7">Purple</label></div>
<div class="checkbox pink"><input type="checkbox" disabled id="checkbox-disable-8"><label for="checkbox-disable-8">Pink</label></div>
<div class="checkbox inverse"><input type="checkbox" disabled checked id="checkbox-disable-9"><label for="checkbox-disable-9">Inverse</label></div>
<div class="radio"><input type="radio" disabled name="radio-disbled-1" id="radio-disbled-1"><label for="radio-disbled-1">Default</label></div>
<div class="radio primary"><input type="radio" disabled name="radio-disbled-1" id="radio-disbled-2"><label for="radio-disbled-2">Primary</label></div>
<div class="radio success"><input type="radio" disabled name="radio-disbled-1" id="radio-disbled-3"><label for="radio-disbled-3">Success</label></div>
<div class="radio info"><input type="radio" disabled name="radio-disbled-1" id="radio-disbled-4"><label for="radio-disbled-4">Info</label></div>
<div class="radio warning"><input type="radio" disabled name="radio-disbled-1" id="radio-disbled-5"><label for="radio-disbled-5">Warning</label></div>
<div class="radio danger"><input type="radio" disabled name="radio-disbled-1" checked id="radio-disbled-6"><label for="radio-disbled-6">Danger</label></div>
<div class="radio purple"><input type="radio" disabled name="radio-disbled-1" id="radio-disbled-7"><label for="radio-disbled-7">Purple</label></div>
<div class="radio pink"><input type="radio" disabled name="radio-disbled-1" id="radio-disbled-8"><label for="radio-disbled-8">Pink</label></div>
<div class="radio inverse"><input type="radio" disabled name="radio-disbled-1" id="radio-disbled-9"><label for="radio-disbled-9">Inverse</label></div>