bootstrap forme-groupe d'espacement
Je voudrais avoir un certain espacement entre les contrôles. Selon les spécifications, il doit être réalisé à l'aide du formulaire-classe de groupe. Toutefois, il ne fonctionne pas dans mon cas.
<div class="col-xs-12 col-sm-12">
<form role="form">
<div class="form-group">
<div class="col-xs-3 text-right">
<label for="cpTitle">Title</label>
</div>
<div class="col-xs-9">
<input type="text" class="form-control" placeholder="Title of the program" id="cpTitle" />
</div>
</div>
<div class="form-group">
<div class="col-xs-3 text-right">
<label for="cpDesc">Description</label>
</div>
<div class="col-xs-9">
<textarea class="form-control" rows="3" placeholder="Description of the program" id="cpDesc"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-xs-3 text-right">
<label for="cpAddr">Program address</label>
</div>
<div class="col-xs-9">
<input type="text" class="form-control" placeholder="Name of Facility" id="cpAddr" />
<input type="text" class="form-control" placeholder="Street 1" />
<input type="text" class="form-control" placeholder="Street 2" />
<div class="col-xs-4">
<input type="text" class="form-control" placeholder="State" />
</div>
<div class="col-xs-4">
<input type="text" class="form-control" placeholder="City" />
</div>
<div class="col-xs-4">
<input type="text" class="form-control" placeholder="Zip" />
</div>
</div>
</div>
</form>
</div>
Vous devez vous connecter pour publier un commentaire.
http://jsfiddle.net/TLF4L/6/
Question principale est de s'assurer que vous définissez la classe "form-horizontal" sur votre formulaire. Pour le programme de champs d'adresse, vous pouvez soit définir une ligne distincte pour chaque ou ce que je vous suggère est simplement l'ajout d'un css pour le margin-bottom sur chaque champ de saisie. Édité jsfiddle ci-dessus
J'ai mis à jour votre violon, ajout d'un textarea classe ainsi. Mise à jour violon
Vous devez utiliser les CSS pour définir une marge en bas de votre champs de saisie