javascript - Bootstrap 3 表单控制类问题？

Question

我正在使用 twitter bootstrap 3。我仅在 chrome 中遇到表 colspan 属性的问题。正如 bootstrap 文档中所述，form-control 类具有 100% 宽度，但是当我将其应用于 colspan 内的输入框时2比输入框的宽度不是100%。

Please check this fiddle (仅适用于 Chrome 的问题)

解决方法是什么？

Answer 1

将包含的 div 宽度设置为 100%，应该可以解决问题。

<tr>
     <td class="form-group" colspan="2">
       <div class="input-group" style="width:100%;"> <!--------right here-->
       <span class="input-group-addon"><i class="glyphicon glyphicon-envelope">
       </i>
       </span>
       <input type="text" class = "form-control", placeholder = "Email" />
      </div>
     </td>
    </tr>

另外，我可以问一下为什么你不使用带有“行”和“列”类的 div 吗？