bs(二)表单(按钮、input、图片图标)
2015-11-28 22:42
344 查看
水平表单 form-horizontal类
内联表格 form-inline lable会换行显示,在div添加form-group,则不换行 form-control让控件在各种表单风格中样式不出错,包括聚焦风格
单选按钮复选按钮
button
多标签制作按钮
按钮大小 .btn-sx .btn-lg .btn-xs
块状按钮 .btn-block
活动状态
禁止状态 .disabled
表单控件大小
1、input-sm:让控件比正常大小更小
2、input-lg:让控件比正常大小更大
表单控件状态(验证状态)
1、.has-warning:警告状态(黄色)
2、.has-error:错误状态(红色)
3、.has-success:成功状态(绿色)
4、.配合has-feedback使用可显示小图标
提示信息 .help-clock和.help-inline
图片
图标
内联表格 form-inline lable会换行显示,在div添加form-group,则不换行 form-control让控件在各种表单风格中样式不出错,包括聚焦风格
单选按钮复选按钮
button
多标签制作按钮
按钮大小 .btn-sx .btn-lg .btn-xs
块状按钮 .btn-block
活动状态
禁止状态 .disabled
表单控件大小
1、input-sm:让控件比正常大小更小
2、input-lg:让控件比正常大小更大
表单控件状态(验证状态)
1、.has-warning:警告状态(黄色)
2、.has-error:错误状态(红色)
3、.has-success:成功状态(绿色)
4、.配合has-feedback使用可显示小图标
提示信息 .help-clock和.help-inline
图片
图标
相关文章推荐
- struts2 OGNL # % $
- opendalight(Li) northbound APP 开发
- 平均场景法分割前景目标
- 科目一比想象中还要简单
- 环形加载进度条
- 网络编程
- IO端口和IO内存的区别及分别使用的函数接口
- [转载]微信企业号不同消息类型发送
- 扇形导航
- android从上推出menu动画样式
- 动态规划部分题目小结
- 基于Ubuntu 14.04的机器学习环境搭建
- C语言打印最长字符串
- BC#64 4.Tree
- maven小白
- leetcode day7
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 http://www.jb51.net/css/383986.html
- 让你轻松进阶高手的十大算法
- iOS Core data多线程并发访问的问题
- com.microsoft.sqlserver.jdbc.SQLServerException: 对象名 ‘xxx' 无效