Formulaire en ligne imbriqué dans un formulaire horizontal dans Bootstrap 3

Question

Je veux construire un formulaire dans Bootstrap 3 comme ceci :

Mon site (pas le lien ci-dessus) vient d'être mis à jour à partir de Bootstrap 2.3.2 et le format n'est plus correct.

Je ne peux pas trouver de doc sur ce type de formulaire sur getbootstrap.com .

Quelqu'un peut-il me dire comment faire ? Seul 'Username' serait acceptable.

Merci.

PS Il existe un question similaire mais il utilise Bootstrap 2.3.2.

Answer 1

J'ai eu des problèmes pour aligner l'étiquette sur les éléments d'entrée (s) donc j'ai transféré l'élément d'étiquette à l'intérieur du form-inline et form-group aussi ... et cela fonctionne ....

<div class="form-group">
    <div class="col-xs-10">
        <div class="form-inline">
            <div class="form-group">
                <label for="birthday" class="col-xs-2 control-label">Birthday:</label>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" placeholder="year"/>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" placeholder="month"/>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" placeholder="day"/>
            </div>
        </div>
    </div>
</div>