Les formulaires en ligne

• Formulaire vertical (par défaut)
• Formulaire en ligne
• Formulaire horizontal

1. Ajoutez un formulaire de rôle à l'élément parent <form>.
2. Enveloppez les étiquettes et les contrôles dans un <div> avec la classe .form-group. Ceci est nécessaire pour un espacement optimal.Dans le cas contraire vous pouvez utiliser la classe: <fieldset>
3. Pour créer un formulaire où tous les éléments sont en ligne, alignés à gauche et les étiquettes à côté, ajoutez la classe .form-inline à la balise <form>.

<form class="form-inline" role="form">
       <div class="form-group">
            <label class="visually-hidden" for="name">Nom</label>
            <input type="text" class="form-control" id="name" placeholder="Saisir votre nom">
            <label class="visually-hidden" for="name">Prénom</label>
            <input type="text" class="form-control" id="rename" placeholder="Saisir votre prénom">
        </div>    
        <div class="form-group">
            <label class="visually-hidden" for="inputfile">Télécharger un fichier</label>
            <input type="file" id="inputfile">
             <p class="help-block">Exemple de texte d'aide .</p>
          </div>
          <div class="checkbox"> <label>
             <input type="checkbox">Le CheckBox</label>
          </div>
             <button type="submit" class="btn btn-default">Soumettre</button>
</form>