输入组 - Input Groups

在输入框前后添加扩展

要将输入框和扩展包裹在同一个 .input-group 内部,扩展需要添加 .input-group-addon 样式

.00
$ .00
输入组 - Input Groups_第1张图片
01.PNG

为检查框添加扩展

.input-group 内部,扩展需要添加 .input-group-addon 样式

输入组 - Input Groups_第2张图片
02.PNG

为输入框添加扩展按钮

包裹在 .input-group 内部,把按钮用 .input-group-btn 样式包裹起来

输入组 - Input Groups_第3张图片
03.PNG

为输入框扩展下拉菜单

同样包裹在 .input-group 内部,把按钮用 .input-group-btn 样式包裹起来

输入组 - Input Groups_第4张图片
04.PNG

为输入框同时扩展按钮和下拉菜单

同样包裹在 .input-group 内部,把按钮用 .input-group-btn 样式包裹起来

输入组 - Input Groups_第5张图片
05.PNG

为输入组设置不同的尺寸

同样包裹在 .input-group 内部,同时设置 .input-group-lg .input-group-sm 之类的样式

输入组 - Input Groups_第6张图片
06.PNG

你可能感兴趣的:(输入组 - Input Groups)