Bootstrap表单和图片-创新互联

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

电子邮件
placeholder="请输入您的电子邮件">

密码
placeholder="请输入您的密码">

注：只有正确设置了输入框的 type 类型，才能被赋予正确的样式。支持的输入框控件包括：text、password、datetime、datetime-local、date、month、time、week、
number、email、url、search、tel 和 color。

成都创新互联公司长期为近千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为清徐企业提供专业的成都网站制作、网站建设，清徐网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

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

注：当小于 768px，会恢复独占样式

3.表单合组
//前后增加片段

￥

.00

4.水平排列
//让表单内的元素保持水平排列

电子邮件

注：这里用到了 col-sm 栅格系统，后面章节会重点讲解，而 control-label 表示和父元素样式同步。

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

//设置禁用的复选框

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

体育


音乐

//设置单选框

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

1
2
3
4
5

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