Horizontal Formulaire: Saisie de Texte à côté de l'étiquette ne fonctionne pas

Je suis en train d'essayer d'obtenir le label dans la même ligne que la zone de texte dans un Bootstrap 4 horizontal forme. Ne semble pas fonctionner. Les zones de texte affiche dans la ligne suivante. Toute aide est grandement appréciée.

<div class="form-group form-group-sm col-sm-6">
  <label for="first_name" class="col-form-label">First Name</label>
  <div>
    <input type="text" class="form-control" id="first_name" name="first_name">
  </div>
</div>  

violon: https://jsfiddle.net/gunnersfan/mrc4tdu1/

InformationsquelleAutor gunnersfan | 2017-04-11