bootstrap 3:输入组不能用于chrome

时间:2014-11-23 21:47:09

标签: html css twitter-bootstrap twitter-bootstrap-3

我使用Bootstrap 3.我有input-groupinput-group-addon类用于设计我的输入框以及此代码:

<tr>
    <td>
        <label class="control-label">thumbnails</label>
    </td>
    <td colspan="3" class="">
        <div class="input-group">
            <span class="input-group-addon">
            <a class="icon-picture boxGetFiles" id="btnChoiceThumbnail" href="#"></a>
            </span>
            <input type="text" name="thumbnail" class="form-control" id="thumbnail" tabindex="7" value=""/>
        </div>
    </td>
</tr>

此代码在FF中工作为真并以全宽显示:

enter image description here

但在Chrome中无效未显示全宽:(版本39.0.2171.65 m)

enter image description here

我该如何解决这个问题?!

DEMO FIDDLE

1 个答案:

答案 0 :(得分:2)

删除colspan="3"或将width: 100%添加到.input-group

See updated fiddle