基本样式
多选框
单选框
不使用 label 标签
垂直排列表单
单选框
复选框
网格系统使用
内联表单
@
表单组
表单栅格排列
表格式排列

你可以使用 .form-row 来取代 .row (它们二者很多时候可以互换使用),因为 .form-row 提供更小的沟槽缝隙。

还可以使用栅格系统建立更复杂的布局。

大小尺寸
自动调整大小
@
@

当然也支持自定义表单控件。

提示文本
密码长度必须为8-20个字符,包含字母和数字,并且不能包含空格、特殊字符或表情符号。

内联文本可以使用任何典型的内联HTML元素(无论是 <small><span> 或其他元素)。

必须是8-20个字符长度。
禁用表单

disabled 属性添加到 <fieldset> 以禁用其中的所有控件。

表单验证
自定义样式
看起来不错!
看起来不错!
@
请输入您的昵称。
请提供有效城市。
请选择有效状态。
请输入正确的邮编
你必须在提交之前同意。
浏览器默认验证
@
支持的元素

验证样式可用于以下表单控件和组件:

  • .form-control<input>s 和 <textarea>s (在输入组中最多包含一个 .form-control)
  • .form-control 或者 .custom-select<select>s
  • .form-checks
  • .custom-checkboxs 和 .custom-radios
  • .custom-file
请在文本区域中输入消息。
请阅读并勾选同意条款
选择你喜欢的一项运动
请选择一项
选择您要上传的文件
工具提示
看起来不错!
看起来不错!
@
请输入您的昵称。
请提供有效城市。
请选择有效状态。
请输入正确的邮编