深入学习Bootstrap表单(2)

Bootstrap 包含了错误、警告和成功消息的验证样式。只需要对父元素简单地添加适当的class(.has-warning、 .has-error 或 .has-success)即可使用验证状态。

<div> <lable> 姓名:<input type="text" placeholder="has-error"/> </lable> </div> <div> <lable> 姓名:<input type="text" placeholder="has-warning"/> </lable> </div>

 5.表单控件大小    

分别使用 class .input-lg(或.input-sm) 和 .col-lg-* 来设置表单的高度和宽度

<div> 姓名:<input type="text" placeholder="input-lg"/> 姓名:<input type="text" placeholder="input-sm"/> 姓名:<input type="text" placeholder="normal"/> </div>

 6.表单帮助文本

Bootstrap 表单控件可以在输入框 input 上有一个块级帮助文本。    为了添加一个占用整个宽度的内容块,请在 <input> 后使用 .help-block。

<div> <input type="text"/> <span> Bootstrap 表单控件可以在输入框 input 上有一个块级帮助文本。 </span> </div>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwfjfg.html