ブートストラップクラスCol-md-6フォームグループ内でcol-lg-6が機能しない（オーバーフロー）

Question

ラベルと入力テキストボックスの2つのフォームグループがあります。ラベルと入力テキストボックスの両方には、クラス名col-md-6 col-lg-6があります。ラベル内のテキストが長すぎるため、ttは2番目のラベルを2番目の半分にプッシュしています（ラベルはテキストボックスの列にプッシュインされています）。左半分にラベルを、右半分に入力要素を設定するにはどうすればいいですか（ラベルが長すぎる場合でも）。

HTML要素を作成する場合は、代わりに classNameの属性 classを使用

<div className="col-lg-6 col-md-6 col-sm-6 col-xs-6 "> 

     <div className="form-group"> 

    <div className="form-inline"><Field name="no" component= type="checkbox" /> No</div>            
     </div> 
      </div> 

Answer 1

を

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 "> 

を参照してくださいれるべき問題：何のHTML属性はclassNameありと呼ばれていない、あなたはすべての要素でそれを使用しています。

ソリューション：classにclassNameのすべての出現を変更し、それが動作する必要があります。

---

ノート：classNameは、任意の要素のclass属性を操作するためのJavascriptに使用されています。

Answer 2

。 Element.classNameは、DOM要素のプロパティです（Javascript形式）。

<div className="col-lg-6 col-md-6 col-sm-6 col-xs-6 "> 

はthis plunker example