- Main
- Dashboard
- Page layouts
- Layouts
- Color system
- Starter kit
- Changelog 1.2.1
- RTL version
- Forms
- Form components
- Wizards
- Editors
- Pickers
- Form layouts
- Appearance
- Components
- Content appearance
- Extra components
- Animations
- Icons
- Layout
- Sidebars
- Vertical navigation
- Horizontal navigation
- Navbars
- Menu levels
- Data visualization
- Echarts library
- D3 library
- Dimple library
- C3 library
- Google visualization
- Maps integration
- Extensions
- Extensions
- JQuery UI
- File uploaders
- Event calendars
- Internationalization
- Tables
- Basic tables
- Data tables
- Data tables extensions
- Handsontable
- Responsive options
- Page kits
- Task manager
- Invoicing
- User pages
- Login & registration
- Timelines
- Support
- Search
- Gallery
- Error pages
Examples of standard form controls supported in an example form layout. Individual form controls automatically receive some global styling. All textual <input>
, <textarea>
, and <select>
elements with .form-control
are set to width: 100%;
by default. Wrap labels and controls in .form-group
for optimum spacing. Labels in horizontal form require .control-label
class.