1.正常的使用

    <div class="form-group">
<div class="input-group">
<input class="form-control" type="text" placeholder="1000">
<div class="input-group-addon">人民币</div>
     </div>
</div>

效果

2.特殊使用(两个控件合并成一个)

<div class="form-group">
<div class="input-group">
  <div class="input-group-btn">
          <select class="form-control" style="width: 110px;">
            <option>http://</option>
            <option>https://</option>
          </select>
        </div>
  <input class="form-control" type="email" placeholder="www.baidu.com">
</div>
</div>

 效果

  

最新文章

  1. openstack 命令行管理 - 目录
  2. spring mvc+mybatis+sql server简单配置
  3. sqlserver的IO性能检查
  4. Linux更改主机名-适用于abuntu
  5. Java对文件及文件夹的操作
  6. Asp.net中从后台中如何获取html控件
  7. 34. Search for a Range
  8. Java Timer, TimerTask
  9. 数据结构:二级指针与Stack的数组实现
  10. mysql dos启动出现1067错误的解决方法
  11. 数据结构《17》---- 自己主动补齐之《二》----Ternary Search Tree
  12. hdu1881 毕业bg(深搜索dfs)
  13. Apache httpd.conf配置详解
  14. 利用CSS3 animation绘制动态卡通人物,无需使用JS代码
  15. Pycharm中进行Python远程开发
  16. 八爪鱼在哪里设置xpath
  17. Springboot 拦截器 依赖注入失败
  18. Vue less使用scope时渗入修改子组件样式
  19. Jmeter -- 属性和变量
  20. python中的__enter__ __exit__

热门文章

  1. 在Swift中检查API的可用性
  2. Ubuntu 如何编译安装第三方库
  3. TIJ——Chapter Nine:Interfaces
  4. 阿里开源新一代 AI 算法模型,由达摩院90后科学家研发
  5. hibernate 出现Caused by: java.sql.SQLException: Column &#39;id&#39; not found.异常
  6. 2019-8-31-C#-将-Begin-和-End-异步方法转-task-异步
  7. SDUT-3331_数据结构实验之链表八:Farey序列
  8. 高二小假期集训—D5
  9. JS高级第1天
  10. em&amp;rem