Jellyfish applies styling to all standard form elements to make them look great without hassle or additional classes.
Use the $form-accent-color variable to apply accent color to form elements.
| Input Type | Example |
|---|---|
| checkbox |
|
| color | |
| date | |
| datetime-local | |
| time | |
| number | |
| password | |
| radio |
|
| range | |
| search | |
| text | |
| select | |
| textarea |
Wrap checkboxes and radio buttons in a .form-group to preserve spacing.
Add the class .form-group-inline to make checkboxes and radio buttons inline-block elements rather than block.
Checkboxes and radio buttons will scale to remain in proportion to their label.
Related form controls can be grouped in a <fieldset>. An optional <legend> can be used to display a name for the group.
You can layout forms with the same classes as the grid - with .row and .col elements.
For a tighter column gutter, you can use the class .form-row.
Add the disabled attribute to an input to disable it.