1、首先打开vscode软件,新建一个html文件,创建一些基本的文本结构并引入bootstrap的css和js文件:
2、接着创建一个外围容器,设置文本域所占的格子,最后在添加textare文本域,其中文本域中的row代表行数,class可以设置自定义样式,这里不填,然后保存即可:
3、最后打开浏览器,就可以看到Bootstrap文本域效果了:
问题分析:
文本域和原始使用方法一样,设置rows可定义其高度,设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名,则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。
Bootstrap文本域textarea源代码: