Candy

Candy Impact ubiquitous competencies.

Scroll

More info.

Form control: inline checkbox

The form below contains three inline checkboxes:

Form control: inline radio buttons

The form below contains three inline radio buttons:

Column Sizing

The form below shows input elements with different widths using different .col-xs-* classes:

Popover

Click me
Hover over me

Filterable Table

Type something in the input field to search the table for first names, last names or emails:


Firstname Lastname Email
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.

Drop down and up

The .dropdown-header class is used to add headers inside the dropdown menu:

Panels

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Strings

You are 13 years old!
We are 50.2525 % done
We are 50.25% done

Bulb button

Buttons

Social

Message