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