Bootstrap 3表单控件类问题？

Question

我正在使用twitter bootstrap 3.我在chrome中只有table colspan属性有问题。如bootstrap文档中所述，form-control类具有100％宽度，但是当我将它应用于colspan中的输入框时2比输入框的宽度不是100％。

Please check this fiddle（仅限镀铬问题）

什么是wrokaround？

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>

另外，请问你为什么不使用带有“行”和“cols”类的div？