Appuim环境搭建 Finder Markdown编辑器 循环 file webpack charts view paypal uiview mtu原理 gtk vue源码下载 matlab根号怎么打出来 vm虚拟化引擎 移动端上传图片插件 python中文 python函数参数 python获取时间戳 java环境搭建 java基础代码 java中的集合 java格式化字符串 java中collection python网站开发实例 java游戏开发教程 sp5 忧思华光玉攻略 volist 相机权限 隐藏进程 电子书制作软件 php购物车 电脑基础 用流量打电话的软件 视频编辑专家下载 暴力猴插件 ps扭曲变形 html5制作 vbs代码
当前位置: 首页 > 学习教程  > 

Bootstrap 输入框组中控件的尺寸

2020/10/16 17:43:15 文章标签: bootstrap文本框

控件的尺寸 Bootstrap3中&#xff0c;只需为.input-group添加相应的尺寸类 .input-group-lg或. input-group-sm&#xff0c;其内部包含的元素将自动调整自身的尺寸&#xff0c;而不必为输入框组中的每个元素重复地添加控制尺寸的类。如&#xff1a; <div class"input…

控件的尺寸

Bootstrap3中,只需为.input-group添加相应的尺寸类 .input-group-lg. input-group-sm,其内部包含的元素将自动调整自身的尺寸,而不必为输入框组中的每个元素重复地添加控制尺寸的类。如:

  1. <div class="input-group input-group-lg">
  2.   <span class="input-group-addon" id="sizing-addon1">@</span>
  3.   <input type="text" class="form-control" placeholder="Username">
  4. </div>
  5. <div class="input-group">
  6.   <span class="input-group-addon" id="sizing-addon2">@</span>
  7.   <input type="text" class="form-control" placeholder="Username">
  8. </div>
  9. <div class="input-group input-group-sm">
  10.   <span class="input-group-addon" id="sizing-addon3">@</span>
  11.   <input type="text" class="form-control" placeholder="Username">
  12. </div>

效果如图 3‑28所示:

控件的尺寸

图3-28 控件的尺寸

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。


本文链接: http://www.dtmao.cc/news_show_300023.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?