Center Label With bootstrap

Question

I have this code :

<div class="col-md-3 form-group">
  <label>Ville de chargement</label>
  <input type="text" class="form-control collectes-ville text-center" name="villeChargement" placeholder="Chargement">
  <label>Ville de livraison</label>
  <input type="text" class="form-control collectes-ville text-center" name="villeLivraison" placeholder="Livraison" value="">
</div>
<div class="col-md-3 form-group">
  <label>Chargement mini</label>
  <input type="text" id="datepicker" class="form-control collectes-date-chargement-min text-center" name="DebutChargement" placeholder="Date début chargement" value="">
  <label>
    <->
  </label>
  <input type="text" id="datepicker2" class="form-control collectes-date-chargement-min text-center" name="FinChargement" placeholder="Date fin chargement" value="">
</div>
</div>

And it gives

I would like to center the labels too... I tried class="text-center" but it didn't work. Could someone help?

Answer 1

Add text-align: center in your CSS or text-center class to your parent element (probably to a row or container).

CODEPEN