Javascript Bootstrap 3表单控制类问题?

Javascript Bootstrap 3表单控制类问题?,javascript,jquery,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap 3,我正在使用twitter引导程序3。我对chrome中的table colspan属性有一个问题。如引导文档中所述,表单控件类的宽度为100%,但当我将其应用于colspan 2中的输入框时,输入框的宽度不是100% (仅适用于chrome) 解决方法是什么?将包含div的宽度设置为100%,这样应该可以解决问题 <tr> <td class="form-group" colspan="2"> <div class="input-group"

我正在使用twitter引导程序3。我对chrome中的table colspan属性有一个问题。如引导文档中所述,表单控件类的宽度为100%,但当我将其应用于colspan 2中的输入框时,输入框的宽度不是100%

(仅适用于chrome)


解决方法是什么?

将包含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与类“rows”和“cols”一起使用?

但是为什么它不适用于chrome,为什么chrome需要额外的设置?可能是因为您没有明确定义表的宽度。我明白为什么。输入组在bootstrap.cssIt中设置了display:table,在我看来,Chrome是唯一一个按照定义显示它的浏览器。