Horizontal Forms
This is the basic horizontal form with labels on left and cost estimation form is the default position.
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.
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
.justify-content-md-center .row
classes to center the card as its not full width. User can always change column classes according to his requirements.