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。这是因为默认的浏览器样式不能被覆盖。