表单

1、基本输入框(label与input垂直排布)


1、.form-group 让每个输入框底部有一定的margin 让上下的input有一定的间距 2、.form-control 让input的宽为100% 3、建议使用label,有利于屏幕阅读器 的识别 4、
元素添加 .form-inline 类可使其内容左对齐并且表现为 inline-block 级别的控件。在pc端展示所有的input水平展示,在移动端可能会分行(折叠)排列 5、input的宽度设置了form-control,变为100%,如果不需要那么长,使用栅格系统来控制他的宽度

2、label与input水平排布


      
1、为form标签添加form-horizontal类名

3、在输入框的任意一侧添加额外元素或按钮。你还可以在输入框的两侧同时添加额外元素。
我们不支持在输入框的单独一侧添加多个额外元素(.input-group-addon 或 .input-group-btn)。
我们不支持在单个输入框组中添加多个表单控件。

更多例子请查看官网
https://v3.bootcss.com/components/#input-groups

$ .00

4、设置input的尺寸

@
input-group-lg 大输入框 input-group-sm 小输入框

你可能感兴趣的:(表单)