Réponses:
En utilisant CSS, bien sûr ...
label { display: block; width: 100px; }
L' width
attribut est obsolète et CSS doit toujours être utilisé pour contrôler ces types de styles de présentation.
float
oudisplay: inline-block
width
ne sera pas très utile.
Les éléments en ligne (tels que SPAN, LABEL, etc.) sont affichés de sorte que leur hauteur et leur largeur soient calculées par le navigateur en fonction de leur contenu. Si vous souhaitez contrôler la hauteur et la largeur, vous devez modifier les blocs de ces éléments.
display: block;
rend l'élément affiché sous forme de bloc solide (comme les balises DIV), ce qui signifie qu'il y a un saut de ligne après l'élément (il n'est pas en ligne). Bien que vous puissiez utiliser display: inline-block
pour résoudre le problème du saut de ligne, cette solution ne fonctionne pas dans IE6 car IE6 ne reconnaît pas le bloc en ligne. Si vous souhaitez qu'il soit compatible avec tous les navigateurs, consultez cet article: http://webjazz.blogspot.com/2008/01/getting-inline-block-working-across.html
Donner de la largeur à Label n'est pas une bonne manière. vous devriez prendre une structure div ou table pour gérer cela. mais toujours si vous ne voulez pas changer tout votre code, vous pouvez utiliser le code suivant.
label {
width:200px;
float: left;
}
Vous pouvez certainement essayer de cette façon
.col-form-label{
display: inline-block;
width:200px;}
display:block
oufloat:left
.