What is the step-wise procedure for creating basic or vertical forms?

There are a few steps, which can be followed for creating vertical or basic.  

• Firstly, a role form can be added to the parent <form> element.
• Secondly, add appropriate spacing by wrapping labels and control in <div> and using the function ‘class .form-group’.
• Lastly, apply the function ‘class .form-control’ to different elements such as text url <input> , <textarea> and <select>