首页 > 其他 > 详细

Bootstrap3系列:输入框组

时间:2016-09-06 13:47:21      阅读:149      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!