Checkboxes & radios
Checkboxes
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero culpa voluptatem consectetur sequi ab minima nisi eveniet quibusdam, qui nobis provident, distinctio cumque saepe mollitia velit dolorem quo autem, veritatis!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus ducimus asperiores qui consequatur adipisci vero reiciendis, nesciunt, assumenda quod corporis officia debitis illo vel velit porro quo autem nisi facere!
<ul class="checkboxes">
<li>
<input type="checkbox" id="..." checked>
<label for="...">...</label>
</li>
<li>
<input type="checkbox" id="...">
<label for="...">...</label>
</li>
<li>
<input type="checkbox" id="...">
<label for="...">...</label>
</li>
<li>
<input type="checkbox" id="..." disabled>
<label for="...">...</label>
</li>
</ul>
<small class="help">...</small>
Radio buttons
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam iusto provident laudantium earum, nisi cumque ipsam voluptas fugit accusamus eius expedita cupiditate excepturi deleniti vitae consectetur laboriosam praesentium, eveniet quisquam?
<ul class="radios">
<li>
<input type="radio" name="..." id="..." checked>
<label for="...">...</label>
</li>
<li>
<input type="radio" name="..." id="...">
<label for="...">...</label>
</li>
<li>
<input type="radio" name="..." id="...">
<label for="...">...</label>
</li>
<li>
<input type="radio" name="..." id="..." disabled>
<label for="...">...</label>
</li>
</ul>
<small class="help">...</small>
Inline boxes
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt vitae autem hic molestias veniam nobis ad iusto odio nostrum officiis, sequi quasi, neque adipisci. Saepe qui beatae, reiciendis minima quia!
<ul class="checkboxes inline"></ul>
<ul class="radios inline"></ul>