.form-group
. Ceci est nécessaire pour un espacement optimal.Dans le cas contraire vous pouvez utiliser la classe: <fieldset>.form-control
à tous les éléments textuels <input>, <textarea> et <select>.<form role="form">
<div class="form-group">
<label for="name">Nom</label>
<input type="text" class="form-control" id="name" placeholder="Saisir votre nom">
<label for="name">Prénom</label>
<input type="text" class="form-control" id="rename" placeholder="Saisir votre prénom">
</div>
<div class="form-group">
<label 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>
Par défaut les contrôles s’alignent horizontalement. J’aimerais que les contrôles occupent toute la largeur disponible. Il faut utiliser la classe form-control pour obtenir cet effet
<input>
, <textarea>
et <select>
, avec la classe .form-control
ont une largeur de 100%.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> Formation</title>
</head>
<body>