bootstrap3 input 输入框图标背景
2015-08-20 10:10
597 查看
直接上代码
效果图如下
<div style="padding: 100px 100px 10px;"> <form class="bs-example bs-example-form" role="form"> <div class="input-group input-group-lg"> <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> <input type="text" class="form-control"> </div><br> <div class="input-group"> <span class="input-group-addon">@</span> <input type="text" class="form-control"> </div><br> <div class="input-group input-group-sm"> <span class="input-group-addon">@</span> <input type="text" class="form-control"> </div> </form> </div>
//在<pre name="code" class="html"><span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
这里面你可以加你想要的,换图标的话去官网找吧,后面的<i></i>就是控制图标的。
效果图如下
相关文章推荐
- bootstrap注意事项(四)表格
- bootstrap注意事项(三)
- Bootstrap--组件之按钮组
- bootstrap -- 一个标签中,同时有 col-xs , col-sm , col-md , col-lg
- daterangepicker-bootstrap之双日历时间段选择控件(汉化版)
- bootstrap学习笔记二
- 从第一眼你就会爱上的bootstrap UI资源(下载)。
- Metronic 定制主题
- bootstrap注意事项(二)
- bootstrap注意事项(一)
- BootStrap基本样式
- bootstrap,select
- 认识Bootstrap
- bootstrap3 char.js 使用
- bootstrap简单的签收页面
- bootstrap学习笔记一
- Domino/Xpages Bootstrap 动态生成首页功能
- Flask-Bootstrap Demo
- Bootstrap兼容处理
- 20150816 Bootstrap入门