引导类 Col-md-6 col-lg-6 在表单组中不起作用（溢出）答案

【问题标题】：bootstrap classes Col-md-6 col-lg-6 not working(overflowing) in form-group引导类 Col-md-6 col-lg-6 在表单组中不起作用（溢出）
【发布时间】：2016-12-06 01:47:08
【问题描述】：

我有两个表单组，其中有一个标签和输入文本框。标签和输入文本框都有类名col-md-6 col-lg-6。由于标签内的文本太长， tt 将第二个标签推入下半部分（标签推入文本框列）。如何在左半边设置标签，在右半边设置输入元素（即使标签太长）？

    <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>

【问题讨论】：

你在className工作吗？
是的，这是在 javascript 中，但引导程序适用
你会把它变成一个可行的 jsfiddle

标签： twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

问题：没有名为className的HTML属性，你在所有元素中都使用了它。

解决方案：将所有出现的className 更改为class，它必须有效。

注意：className 在 Javascript 中用于操作任何给定元素的 class 属性。

【讨论】：

【解决方案2】：

创建 HTML 元素时，使用属性class 而不是className。 Element.className 是 DOM 元素上的属性（在 Javascript 中）。

例如

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

应该是

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

见this plunker example

【讨论】：