您的位置:首页 > Web前端 > BootStrap

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>就是控制图标的。


效果图如下

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: