Html bootstrap3文本区域太小

我在下面的带有Bootstrap3的HTML代码中有一个

textarea

，它太小了。我给了它的父级

div

class=“col-xs-6”

，并期望它占据大约一半的页面宽度。但在最大化浏览器窗口中的1300x768屏幕上，

文本

区域仅为屏幕宽度的1/8左右

有人能解释一下小尺寸的原因和解决方法吗

谢谢

代码如下（和）：

状态：

结果：

您可以使用引导类表单控件

---

该类占用父类的100%宽度

您可以使用引导类表单控件

---

该类占用父类的100%宽度

您可以使用引导类表单控件

---

该类占用父类的100%宽度

您可以使用引导类表单控件

---

该类在1200像素处采用父级的100%宽度，引导切换到

列lg

属性。也许你也应该加上这个。正如您已经做的那样，您可以向它添加多个类，因此如果您向特定元素添加

col-lg-6

，它应该可以很好地工作。此外，您可以向父元素添加一个类行，但忘记向特定的子元素添加全宽

（col something）

，说明它有多大。您可能想将

col-md-12/col-xs-12/col-lg-12

类添加到1200像素的itAt，引导开关切换到

col-lg

属性。也许你也应该加上这个。正如您已经做的那样，您可以向它添加多个类，因此如果您向特定元素添加

col-lg-6

，它应该可以很好地工作。此外，您可以向父元素添加一个类行，但忘记向特定的子元素添加全宽

（col something）

，说明它有多大。您可能想将

col-md-12/col-xs-12/col-lg-12

类添加到1200像素的itAt，引导开关切换到

col-lg

属性。也许你也应该加上这个。正如您已经做的那样，您可以向它添加多个类，因此如果您向特定元素添加

col-lg-6

，它应该可以很好地工作。此外，您可以向父元素添加一个类行，但忘记向特定的子元素添加全宽

（col something）

，说明它有多大。您可能想将

col-md-12/col-xs-12/col-lg-12

类添加到1200像素的itAt，引导开关切换到

col-lg

属性。也许你也应该加上这个。正如您已经做的那样，您可以向它添加多个类，因此如果您向特定元素添加

col-lg-6

，它应该可以很好地工作。此外，您可以向父元素添加一个类行，但忘记向特定的子元素添加全宽

（col something）

，说明它有多大。您可能需要将

col-md-12/col-xs-12/col-lg-12

类添加到其中

<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>