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>