ラベルタグの幅を制御するにはどうすればよいですか？

ラベルタグには 'width'プロパティがないので、ラベルタグの幅を制御するにはどうすればよいですか？

もちろん、CSSの使用...

label { display: block; width: 100px; }

このwidth属性は廃止されており、これらの種類の表示スタイルを制御するには常にCSSを使用する必要があります。

インラインブロックを使用すると、残りの要素やコントロールを強制的に新しい線で描画する必要がないため、より優れています。

label {
  width:200px;
  display: inline-block;
}

インライン要素（SPAN、LABELなど）が表示され、その高さと幅がブラウザによってコンテンツに基づいて計算されます。高さと幅を制御したい場合は、それらの要素のブロックを変更する必要があります。

display: block;要素を（DIVタグのように）実線のブロックとして表示します。つまり、要素の後に改行があります（インラインではありません）。を使用display: inline-blockして改行の問題を修正できますが、IE6はインラインブロックを認識しないため、このソリューションはIE6では機能しません。ブラウザー間の互換性が必要な場合は、次の記事を参照してください。http：//webjazz.blogspot.com/2008/01/getting-inline-block-working-across.html

ラベルに幅を与えるのは適切な方法ではありません。これを管理するには、1つのdivまたはテーブル構造を使用する必要があります。ただし、コード全体を変更したくない場合は、次のコードを使用できます。

label {
  width:200px;
  float: left;
}

label {
  width:200px;
  display: inline-block;
}

OR 

label {
  width:200px;
  display: inline-flex;
}

OR 

label {
  width:200px;
  display: inline-table;
}

あなたは間違いなくこの方法を試すことができます

.col-form-label{
  display: inline-block;
  width:200px;}

すべてのラベルにクラス名を付けて、すべてが同じ幅になるようにすることができます。

 .class-name {  width:200px;}

例

.labelname{  width:200px;}

または、ラベルの残りを単純に与えることができます

label {  width:200px;  display: inline-block;}