L'icône de glyphicons bootstrap ne s'aligne pas avec textarea

Question

L'icône de glyphicons est plus haute que l'entrée de textarea.

<div class="form-group"> 
<div class="col-md-8 inputGroupContainer"> 
    <label class="label-margin" for="name"><span class="label-required">* 
    </span>Message</label> 
     <div class="input-group"><span class="input-group-addon"><i 
    class="glyphicon glyphicon-align-left" ></i></span> 
      <textarea class="message" cols="35" id="message" name="message" 
    rows="8"></textarea> 
     </div> 
    </div> 
    </div> 

Answer 1

Il suffit d'ajouter form-control classe à textarea comme suit

<div class="form-group"> 
<div class="col-md-8 inputGroupContainer"> 
    <label class="label-margin" for="name"><span class="label-required">* 
    </span>Message</label> 
     <div class="input-group"><span class="input-group-addon"><i 
    class="glyphicon glyphicon-align-left" ></i></span> 
      <textarea class="message form-control" cols="35" id="message" name="message" 
    rows="8"></textarea> 
     </div> 
    </div> 
    </div> 

violon travail

fiddle link