表单组验证

Success

Warning

Example block-level help text here.

Error

Example block-level help text here.

添加额外的图标

Success 

Warning 

Example block-level help text here.

Error 

Example block-level help text here.

水平表单

Success 

Warning 

Example block-level help text here.

Error 

Example block-level help text here.

内联表单

Success 

Warning 

Error 

表单项尺寸

form-group-lg 

form-group-sm 

水平表单

form-group-lg 

form-group-sm 

内联表单

form-group-lg 

form-group-sm 

控件尺寸

form-control-lg 

form-group-sm 

控件验证

valid

invalid

Example block-level help text here.

添加额外的图标

is-valid 

is-invalid 

Example block-level help text here.

飘浮提示文字

is-valid

校验通过

is-invalid

请输入活动名称

飘浮气泡文字

is-valid

校验通过

is-invalid

请输入活动名称