本篇文章就给大家介绍bootstrap中的按钮与表单结合的样式，图片样式。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。如果大家想要学习和获取更多的bootstrap相关视频教程也可以访问：bootstrap教程！
Bootstrap按钮样式
v3.0修正版更新：新增加的功能：1、网店logo在线上传。2、添加图片上传预览功能。3、增加ICP备案字段，在线添加。4、添加管理员管理功能。5、添加送货详细设置功能。6、增加客户端验证功能。7、增加5种样式。修正的地方：1、订单不能删除。2、产品图片不能删除。3、管理员不能修改密码。4、小数显示不正常，比如0.68显示为.685、退出不方便。6、前台热门商品文字显示不换行。7、商品详细介绍页面
1. 表单组
.form-group : 把表单组合起来
.form-control : 将样式设置为 width为100% ，圆角边框，适当的蓝色阴影...
格式：
注意：只有正确设置了输入框的 type 类型，才能被赋予正确的样式。
2. 内联表单
.form-inline : 让表单左对齐浮动，排成一行
格式：
3. 表单合组
.input-group : 和 form-group 作用一样，在合组的时候使用
.input-group-addon : 要合组的一个元素
格式：
4. 水平排列
.form-horizontal : 水平排列的表单，通过为表单添加 .form-horizontal 类，并联合使用 Bootstrap 预置的栅格类，可以将label 标签和控件组水平并排布局。这样做将改变 .form-group 的行为，使其表现为栅格系统中的行（row），因此就无需再额外添加 .row 了
格式：
5. 单选复选框
.checkbox : 复选框的父级元素使用，将复选框变为块级元素
.checkbox-inline : 复选框的父级元素使用，将复选框拍成一行
.radio : 单选框的父级元素使用，将单选框变为块级元素
.radio-inline : 单选框的父级元素使用，将单选框拍成一行
格式：
6. 下拉列表
.from-control : 将样式设置为 width为100% ，圆角边框，适当的蓝色阴影...
格式 ：
7. 校验状态
改变获取焦点时边框和阴影的颜色
.has-error : 错误的红色
.has-success : 成功的绿色
.has-warning : 警告的黄色
.control-label : 标签同步相应状态
格式 :
control-label 这个类是 label 同步相应的状态
8. 添加额外的图标
.has-feedback : 设置一个位置
.form-control-feedback : 设置一个元素，相对于有has-feedback类的元素定位
.glyphicon glyphicon-ok : 对号图标
.glyphicon-warning-sign : 警告图标
glyphicon-remove : 错误图标
....
格式 ：
给 span 设置 form-control-feedback 这个类，让它相对于 has-feedback 进行定位，定位到input 框里面的右侧
9. 控制输入框大小
.input-lg : 大输入框
.input-small : 小输入框
.form-group-lg : 大输入框
.form-group-sm : 小输入框
格式 ：
或者直接给父元素设置
响应式图片：
.img-responive : 图片会跟随屏幕的缩放而缩放
.img-rounded : 圆角矩形图片
.img-circle : 圆形图片
.img-thumbnail : 给图片加一个边框
