Question

Bootstrap文本域textarea怎么设置

Answer 1

1、首先打开vscode软件，新建一个html文件，创建一些基本的文本结构并引入bootstrap的css和js文件：

2、接着创建一个外围容器，设置文本域所占的格子，最后在添加textare文本域，其中文本域中的row代表行数，class可以设置自定义样式，这里不填，然后保存即可：

3、最后打开浏览器，就可以看到Bootstrap文本域效果了：

Answer 2

问题分析：

文本域和原始使用方法一样，设置rows可定义其高度，设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名，则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。

Bootstrap文本域textarea源代码：

<form role="form">
<div class="form-group">
<textarea class="form-control" rows="3"></textarea>
</div>
</form>