Candy Impact ubiquitous competencies.
The form below contains three inline checkboxes:
The form below contains three inline radio buttons:
The form below shows input elements with different widths using different .col-xs-* classes:
Type something in the input field to search the table for first names, last names or emails:
| Firstname | Lastname | |
|---|---|---|
| John | Doe | john@example.com |
| Mary | Moe | mary@mail.com |
| July | Dooley | july@greatstuff.com |
| Anja | Ravendale | a_r@test.com |
Note that we start the search in tbody, to prevent filtering the table headers.
The .dropdown-header class is used to add headers inside the dropdown menu:
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
Social