码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap3系列:输入框组

时间:2016-09-06 13:49:53      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

1. 基本实例

  通过在文本输入框 <input> 前面、后面或是两边加上文字或按钮,实现对表单控件的扩展。

  .input-group包含.input-group-addon.form-control 的前面或后面添加额外的元素。

  输入框组只支持文本输入框 <input>,避免使用 <select>、<textarea>。

1.1 示例代码

<div class="input-group">
    <span class="input-group-addon">@</span>
    <input type="text" class="form-control" />
</div>
<div class="input-group">
    <input type="text" class="form-control" />
    <span class="input-group-addon">.00</span>
</div>
<div class="input-group">
    <span class="input-group-addon">$</span>
    <input type="text" class="form-control" />
    <span class="input-group-addon">.00</span>
</div>

1.2 示例效果

 技术分享

Bootstrap3系列:输入框组

标签:

原文地址:http://www.cnblogs.com/libingql/p/5845304.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!