前面的话 　　有时，我们需要将文本输入框(input group)和文件或者小icon组合在一起进行显示， 我们称之为addon。也就是通过在文本输入框 <input> 前面、后面或是两边加上文字或按钮，来实现对表单控件的扩展。本文将详细介绍Bootstrap输入框组 ...

1. 基本实例 　　通过在文本输入框 <input> 前面、后面或是两边加上文字或按钮，实现对表单控件的扩展。 　　.input-group包含.input-group-addon给 .form-control 的前面或后面添加额外的元素。 　　输入框组只支持文本输入框 < ...

...

< div class = "row" > < div class = "col-lg-6" > ...

效果如下: 实现代码: ...

只支持文本输入框 <input> 这里请避免使用 <select> 元素，因为 WebKit 浏览器不能完全绘制它的样式。 避免使用 <textarea> 元素，由于它们的 rows 属性在某些情况下不被支持。 将输入框组嵌套到表单组或栅格相关 ...

Bootstrap 支持的另一个特性，输入框组。输入框组扩展自 表单控件。使用输入框组，可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。 通过向输入域添加前缀和后缀的内容，您可以向用户输入添加公共的元素。例如，可以添加美元符号，或者在 Twitter 用户名前添加 ...

一、输入框组件 1、在 .input-group 框里 可分别左右两侧添加文字， <input> 用 .form-control 添加样式。 2、文字元素用 span.inpt-group-addon 3、尺寸大小（从大到小）: input-group-lg 、默认 ...