bootstrap 基础（二） - 许大仙(3)_H5之家 - 中国HTML5教程资源分享第一站

HTML5技术

bootstrap 基础（二） - 许大仙(3)

字号+ 作者：H5之家来源：H5之家 2017-09-13 12:06 我要评论( )

bootstrap学习屏幕和设备的宽度保持一致，初始缩放为1:1 [if lt IE 9]script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"/scriptscript src="https://oss.maxcdn.com/libs/respond.js/1.3.0/

bootstrap学习屏幕和设备的宽度保持一致，初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱密码手机号唱歌跳舞写代码分享

class="checkbox-inline"是给lable标签加，给input和内容加样式。

4.3 单选框

没有加样式的单选框

bootstrap学习屏幕和设备的宽度保持一致，初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱密码手机号唱歌跳舞写代码分享男女

class="radio-inline"

bootstrap学习屏幕和设备的宽度保持一致，初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱密码手机号唱歌跳舞写代码分享男女

class="radio-inline" 给label标签加，给input和内容加样

4.4 输入框组

比如，像下面的（某宝截图）。

bootstrap学习屏幕和设备的宽度保持一致，初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱密码手机号唱歌跳舞写代码分享男女搜索

温馨小提示：form-group是为了让每一个表单项都产生一个margin值，不信，请看下面的代码。

bootstrap学习屏幕和设备的宽度保持一致，初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱密码手机号唱歌跳舞写代码分享男女搜索查询内容

bootstrap学习屏幕和设备的宽度保持一致，初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱密码手机号唱歌跳舞写代码分享男女搜索查询内容带有搜索图标的 glyphicon 图标，默认 glyphicon-search 搜索图标