Foundation Components
Color Icon Illustration Image Input Grid Typeface
Element Components
Activity Alert Avatar Badge Breadcrumb Breadcrumb item Button Card body Card footer Card header Card image Card image overlay Carousel caption Carousel control Carousel indicators Carousel item Chart Dropdown divider Dropdown header Dropdown item Dropdown toggle Embed Form control Input group Key List group item Loader Media body Media object Modal body Modal footer Modal header Nav Nav item Nav link Navbar brand Navbar text Navbar toggler Page item Popover Progress bar Slat action Slat body Slat item Stat Step Step indicator Tab pane Table Task
Pattern Components
Activity feed Button group Button toolbar Card Carousel Collapse Dropdown Dropdown menu Empty state Filter bar Form group Graph Jumbotron List group Media Modal Navbar Navbar nav Page header Pagination Progress Slat Slat actions Slat header Slats Steps Tab content Task list Tile Tile body Tile header Tile section Tabs
Javascript Plugins
Datetimepicker

Form Groups

= ui.nfg :form_group do
  %input

<div class="form-group"><input>
</div>