Bootstrap表单和图片

表单
Bootstrap 提供了一些丰富的表单样式供开发者使用。
1.基本格式
//实现基本的表单样式

创新互联专注于阿城网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供阿城营销型网站建设，阿城网站制作、阿城网页设计、阿城网站官网定制、微信小程序定制开发服务，打造阿城网络公司原创品牌,更为您提供阿城网站排名全网营销落地服务。

2.内联表单
//让表单左对齐浮动，并表现为 inline-block 内联块结构

5.复选框和单选框
//设置复选框，在一行

//设置禁用的复选框

//设置内联一行显示的复选框

体育


音乐

//设置单选框

6.下拉列表
//设置下拉列表

1
2
3
4
5

7.校验状态
//设置为错误状态

注：还有其他状态如下

//label 标签同步相应状态
Input with success

8.添加额外的图标
//文本框右侧内置文本图标

电子邮件

注：除了 glyphicon-ok 外，还有几个如下表：

9.控制尺寸
//从大到小



注：也可以设置父元素 form-group-lg、form-group-sm，来调整。
图片
Bootstrap 提供了一些丰富的图片样式供开发者使用。
1.图片形状
//三种形状

//响应式图片

网站标题：Bootstrap表单和图片
分享路径：http://cdkjz.cn/article/ggeehc.html