Bootstrap Series--18. Form Control Size

The form controls you see earlier are the normal size. You can set the height of the control by setting properties such as height,line-height,padding and font-size for the control. However, the bootstrap framework also provides two different class names to control the height of the form controls. These two class names are:

1. INPUT-SM: Make the control smaller than normal size

2. INPUT-LG: Make the control larger than normal size

These two classes apply to input,textarea , and Select controls in a form

<H1>Case 1</H1><formrole= "form">  <Divclass= "Form-group">    <labelclass= "Control-label">Control becomes larger</label>    <inputclass= "Form-control input-lg"type= "text"placeholder= "Add. Input-lg, control becomes larger">  </Div>  <Divclass= "Form-group">    <labelclass= "Control-label">Normal size</label>    <inputclass= "Form-control"type= "text"placeholder= "normal Size">  </Div>    <Divclass= "Form-group">    <labelclass= "Control-label">The control becomes smaller</label>    <inputclass= "Form-control input-sm"type= "text"placeholder= "Add. Input-sm, control becomes smaller"></Div> 

Bootstrap Series--18. Form Control Size