boostrap-非常好用但是容易让人忽略的地方【5】:input-group-btn
2024-09-03 05:02:39
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>
效果
最新文章
- openstack 命令行管理 - 目录
- spring mvc+mybatis+sql server简单配置
- sqlserver的IO性能检查
- Linux更改主机名-适用于abuntu
- Java对文件及文件夹的操作
- Asp.net中从后台中如何获取html控件
- 34. Search for a Range
- Java Timer, TimerTask
- 数据结构:二级指针与Stack的数组实现
- mysql dos启动出现1067错误的解决方法
- 数据结构《17》---- 自己主动补齐之《二》----Ternary Search Tree
- hdu1881 毕业bg(深搜索dfs)
- Apache httpd.conf配置详解
- 利用CSS3 animation绘制动态卡通人物,无需使用JS代码
- Pycharm中进行Python远程开发
- 八爪鱼在哪里设置xpath
- Springboot 拦截器 依赖注入失败
- Vue less使用scope时渗入修改子组件样式
- Jmeter -- 属性和变量
- python中的__enter__ __exit__
热门文章
- 在Swift中检查API的可用性
- Ubuntu 如何编译安装第三方库
- TIJ——Chapter Nine:Interfaces
- 阿里开源新一代 AI 算法模型,由达摩院90后科学家研发
- hibernate 出现Caused by: java.sql.SQLException: Column &#39;id&#39; not found.异常
- 2019-8-31-C#-将-Begin-和-End-异步方法转-task-异步
- SDUT-3331_数据结构实验之链表八:Farey序列
- 高二小假期集训—D5
- JS高级第1天
- em&;rem