bootstrap学习11--表单(下)
来源:互联网 发布:mysql session 编辑:程序博客网 时间:2024/06/14 17:45
校验状态
.has-success,.has-warn 等
.form-control 这个类在表单控制中非常关键,很多的控件效果 都是基于这个类的定义之下才显示出来效果的。
添加额外的图标
.has-feedback
反馈图标(feedback icon)只能使用在文本输入框 <input class="form-control">
元素上。 只能使用在文本框上!!!!
<div class="form-group has-success has-feedback"> <label class="control-label" for="inputSuccess2">Input with success</label> <input type="text" class="form-control" id="inputSuccess2" aria-describedby="inputSuccess2Status"> <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> <span id="inputSuccess2Status" class="sr-only">(success)</span></div>
利用字体图标 glyphicon glyphicon-* 设定图标
form-control-feedback 修饰具体控件
<div class = "input-group">
<span class="input-group-addon" >@</span>
</div>
控件尺寸
.input-lg .input-sm
水平排列的按钮组和表单组的尺寸
.form-group-lg 或 .form-group-sm
调整列(column)尺寸
用栅格系统中列 包裹输入元素 可以轻松设置输入框的宽度
<div class="col-xs-2"> <input type="text" class="form-control" placeholder=".col-xs-2"> </div>
阅读全文
0 0
- bootstrap学习11--表单(下)
- Bootstrap学习:表单
- Bootstrap学习-表单
- Bootstrap学习-排版-表单
- bootStrap学习10---- 表单
- Bootstrap 学习之(四) ------ 表单
- Bootstrap学习笔记(二) 表单
- Bootstrap—表单学习笔记
- Bootstrap学习之四:表单
- Bootstrap学习之表格表单
- Bootstrap学习-bootstrap渲染表单+bootstrap导航栏
- bootstrap学习笔记-第3章 表单
- bootstrap表单学习笔记3-1
- bootstrap表单学习笔记3-2
- bootstrap表单学习笔记3-3
- Bootstrap学习笔记—关于表单
- Bootstrap初级学习(一)表单<form>
- [学习笔记] bootstrap (二) 表格和表单
- SQLite学习手册(在线备份)
- 使用easyui-combobox生成下拉框时的总结(1)
- java修改文件名-renameTo()方法的使用实例,复制一个文件或者叫转存一个文件
- Android调用系统表情实现
- 开源项目MeiZhi源码阅读
- bootstrap学习11--表单(下)
- SQLite学习手册(内存数据库)
- ScheduledExecutorService执行周期性或定时任务
- Apex Web サービスとコールアウト
- 查看crontab运行状态
- dorado 7 js 查询
- 深度学习与自然语言处理 主要概念一览
- $Proxy10 cannot be cast to test1.PoeticJuggler异常处理
- String.replace(/\s/g,'')中的‘/\s/g’表示什么意思?