bootstrap组件3

我们在注册或登录时都需要在输入框中输入信息，输入框是我们填写信息，提交给服务器的一个重要元素。Bootstrap中提供了输入框组，用带有.input-group-addon的.input-group，可以给.form-control前面或后面追加元素。为了跨浏览器兼容性，避免使用<select>元素，因为WebKit浏览器不能完全支持它的样式。不要直接将.input-group与.form-group混合使用，因为.input-group是一个独立的组件。另外，给.input-group添加标明尺寸的class，它自己和其中的内容都会自动调整尺寸。没必要给每个元素都重复添加尺寸class。除了改变输入框的大小，我们可以附加按钮。不过输入组里的有点不同，它需要多加一层元素。 需要用 .input-group-btn 包住按钮而不是.input-group-addon。这是因为默认的浏览器样式不能被覆盖。