boostrap-非常好用但是容易让人忽略的地方【5】:input-group-btn
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>
效果

boostrap-非常好用但是容易让人忽略的地方【5】:input-group-btn的更多相关文章
- boostrap-非常好用但是容易让人忽略的地方------input-group-btn
		1.正常的使用 <div class="form-group"> <div class="input-group"> <input ... 
- boostrap-非常好用但是容易让人忽略的地方------Font Awesome
		font-awesome基本用法 官方代码传送门 font-awesome在bootstrap中的特殊用法(这个才是重点) 要点归纳1(官方) 官方代码传送门 要点归纳2(我的) <a href ... 
- boostrap-非常好用但是容易让人忽略的地方------clearfix
		代码 显示结果 代码 结果 
- boostrap-非常好用但是容易让人忽略的地方------row
		row是非常好用但是却非常容易忽略的地方. 想实现内部元素相对父级的padding=0,则在父子中间加个row.如下图 列嵌套也是同样的道理 经验之谈:学会row的用法,在手机版布局的时候会很方便,否 ... 
- boostrap-非常好用但是容易让人忽略的地方------modal
		使用bootstrap框架好久了,在开发中也用到了或者遇到了很多的问题,所以跟大家分享一下 bootstrap modal 组件的样式 .modal-lg .modal-sm 说明:这个是bootst ... 
- boostrap-非常好用但是容易让人忽略的地方【7】:list-unstyled  list-inline
		无样式列表 list-unstyled:去掉ul的默认样式 内联列表 list-inline:将ul子元素放置于同一行 
- boostrap-非常好用但是容易让人忽略的地方【6】:role属性
		普通样式,鼠标hover没有任何效果 <span>content</span> 加上role属性的样式,鼠标hover会有cursor:pointer的效果 <span ... 
- boostrap-非常好用但是容易让人忽略的地方【4】:Font Awesome
		font-awesome基本用法 官方代码传送门 font-awesome在bootstrap中的特殊用法(这个才是重点) 要点归纳1(官方) 官方代码传送门 要点归纳2(我的) <a href ... 
- boostrap-非常好用但是容易让人忽略的地方【3】:clearfix
		代码 显示结果 代码 结果 
随机推荐
- LeetCode153 Find Minimum in Rotated Sorted Array. LeetCode162 Find Peak Element
			二分法相关 153. Find Minimum in Rotated Sorted Array Suppose a sorted array is rotated at some pivot unkn ... 
- 将nginx搜集到的日志通过flume转到hive
			背景介绍: Nginx为app打点数据,打点日志每小时滚动一次.目录结构如下 文件中的数据如下( cat -A 2019072414r.log 后的结果,-A为显示隐形的符号,下方^A为指定的分隔符. ... 
- jupyter的简单操作
			jupyter简单使用 esc+ m 切换到标记模式 shift + enter 运行 a 向上新增代码块 b 向下新增代码块 dd 删除代码块 y python代码模式 file --- downl ... 
- thinkphp5.0验证码使用
			如果没有安装验证码类,可在composer.json 文件的require里面添加 "topthink/think-captcha":"1.*",然后compo ... 
- 【UML】之简单概括                                                                                                         标签:               uml图形                                            2014-11-09 11:24             1130人阅读              评论(24)              收藏
			29号开始看UML的视频,由于之前看视频总是一拖拖上半个月,所以这次打算速战速决,而且UML视频的讲解和内容并不算多,也比较容易懂,到后期更是花了很多时间来举例子巩固各种图的画法,所以这次花了11天初 ... 
- LeetCode120 Triangle
			Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjacent n ... 
- 基本的Sql编写注意事项
			基本的Sql编写注意事项 尽量少用IN操作符,基本上所有的IN操作符都可以用EXISTS代替. 不用NOT IN操作符,可以用NOT EXISTS或者外连接+替代. Oracle在执行IN子查询时,首 ... 
- mysql把一个表的字段update成另一个表的字段根据id
			mysql把一个表的字段update成另一个表的字段根据id 1.填充activity表里面的creator字段,用org的founderid,其中activity的orgid要和org的id对应,具 ... 
- Bert系列(二)——源码解读之模型主体
			本篇文章主要是解读模型主体代码modeling.py.在阅读这篇文章之前希望读者们对bert的相关理论有一定的了解,尤其是transformer的结构原理,网上的资料很多,本文内容对原理部分就不做过多 ... 
- 整理了一下 ThinkPHP 历史 (2019-07-01)
			整理了一下 ThinkPHP 历史 ThinkPHP 一款国内最流行的 PHP 开源框架. 版本 发布日期 最后更新日期 总天数 ThinkPHP(FCS) 0.6 2006-01-15 2006-0 ... 
