基本类型

消除双边框

当按钮处于两个文本框中间时,需要在.input-group-addon上添加样式修复工具类.fix-border

@gmail.com

@

@


连续分段的文本框

有时可能需要连续分段的文本框。这时需要在两个相邻的.form-control元素之间添加一个空的.input-group-addon,并同时添加工具栏

兼容IE浏览器

因为IE8不支持:empty选择器,为兼容IE8浏览器,需要在.input-group-addon上添加额外的样式修复工具类.fix-padding

姓名

单选框和复选框

带按钮

消除双边框

当按钮处于两个文本框中间时,需要在.input-group-btn上添加样式修复工具类.fix-border



带下拉菜单的按钮

使用Select

浏览器兼容性问题

通常并不推荐在输入框组中使用select元素。这样可能会带来难以处理的兼容性问题。推荐使用 Dropdown 或者 Chosen来代替下拉列表。

地址

分段按钮