This is the most basic and default form having form sections. Just add .sr-only class to a label to hide.

Just add .sr-only class to a label to hide. You can always change the border color of the form controls using border-* class.

Just add .sr-only class to a label to hide. This 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.

Just add .sr-only class to a label to hide. This form shows tooltips on hover to provide useful information while user is filling the form. Use data attributes like toggle data-toggle, trigger data-trigger, placement data-placement, title data-title to show tooltips on form controls.

Just add .sr-only class to a label to hide. This is another variation to the default form control styling. In this example all the form controls has square styling. To apply square style add class square to any form control.

Just add .sr-only class to a label to hide. This is a variation to the default form control styling. In this example all the form controls has round styling. To apply round style add class round to any form control.