6g下载网
当前位置: 主页 > 软件教程 > 编程开发 >

Bootstrap文本域textarea怎么设置?Bootstrap textarea设置方法

时间: 2016-09-07 12:14 来源: 本站整理

分享到:

今天小编整理一篇Bootstrap文本域textarea怎么设置?Bootstrap textarea设置方法的文章和大家分享,希望能给大家提供帮助。

问题分析:

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

Bootstrap文本域textarea源代码:

  1. <form role="form"> 
  2.   <div class="form-group"> 
  3.     <textarea class="form-control" rows="3"></textarea> 
  4.   </div> 
  5. </form>   

Bootstrap文本域textarea效果图:

Bootstrap文本域textarea怎么设置?Bootstrap textarea设置方法

Bootstrap文本域textarea怎么设置?Bootstrap textarea设置方法的文章和大家分享结束,感谢阅读!

(责任编辑:6g下载网)

分享到:

------分隔线----------------------------