Question

我在以下带有Bootstrap3的HTML代码中有一个textarea，它太小了。我给了它的父div class="col-xs-6"，并期望它占用了大约一半的页面宽度。但在最大化浏览器窗口的1300x768屏幕上，text区域仅为屏幕宽度的1/8左右。

可以帮助解释小尺寸的原因以及解决方法吗？

由于

代码低于（和{{3}}）：

<div class="container">
<div class="row">
    <div class="col-xs-6 col-md-6">
        <div class = "row">
            <textarea id="dataquery" name="data"></textarea>
        </div>
        <div class = "row">
            <button id="datasubmit" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-arrow-right"></span></button>
        </div>
        <div class = "row">
            Status: <br/>
            <span id="dataresult"> </span>
        </div>
    </div>
    <div class="col-xs-6 col-md-6">
        Results:
        <div class="table-responsive">
            <table id="datatable" class="table table-striped table-bordered">
            </table>
        </div>
    </div>
</div>

</div>

Answer 1

您可以使用bootstrap类form-control到textarea，如

<textarea id="dataquery" name="data" class="form-control"></textarea>

此类占父级的宽度的100％

bootstrap 3 textarea太小了

1 个答案: