Product Delivery
Targeted Sales
Collicitudin vel metus scelerisque ante commodo.
In Progress25% Completed
Horizontal Form Layout
Horizontal Forms labels have inline styling where form controls are in the same line as its label. Add .form-horizontal class to the form tag to have horizontal form styling. You can always add more stuff like form sections, form control borders, tooltips, icons, round form controls, square form controls.
This is 2-columns horizontal form with labels on left and form controls on right in one line. Add .form-horizontal
class to the form tag to have horizontal form styling. User can also change the border color and background color of the form control. Add border-*
class to change border color and bg-*
class to change background color of the form control.
Add .form-horizontal
class to the form tag to have horizontal form styling. This horizontal form shows the use of icons with form controls. Define the position of the icon using has-icon-left
or has-icon-right
class. Use icon-*
class to define the icon for the form control. See Icons sections for the list of icons you can use.
Add .form-horizontal
class to the form tag to have horizontal form styling. This is horizontal form demo with centered card. Here we have used col-md-6 offset-md-3
classes to center the card as its not full width. User can always change those classes according to width and offset requirements.