Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date,
month, time, week, number, email, url, search, tel, and color.
Add .form-inline to your form (which doesn't have to be a <form>) for left-aligned and inline-block controls. This only applies to forms within viewports
that are at least 768px wide.
Custom <select> menus need only a custom class, .custom-select to trigger the custom styles.
Set heights using classes like .input-lg, and set widths using grid column classes like .zurb-div-lg-*.
You may also swap .row for .form-row, a variation of our standard grid row that overrides the default column gutters
for tighter and more compact layouts.