boostrap-非常好用但是容易让人忽略的地方------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>

 效果

  

时间: 2024-10-07 04:50:39

boostrap-非常好用但是容易让人忽略的地方------input-group-btn的相关文章

boostrap-非常好用但是容易让人忽略的地方------clearfix

代码 显示结果 代码 结果

boostrap-非常好用但是容易让人忽略的地方【7】:list-unstyled list-inline

无样式列表 list-unstyled:去掉ul的默认样式 内联列表 list-inline:将ul子元素放置于同一行

发现爱因斯坦被人忽略的理论

一本被科学家们忽略了几十年的手稿曾透漏:爱因斯坦曾经有过一个替代我们现在所知的宇宙大爆炸理论,而不是提出宇宙在逐步并永久扩大的理论.最近挖掘出的著作,写于1931年,让人不禁想起有英国天体物理学家弗雷德·霍伊尔倡导了近20年的理论.爱因斯坦很快就放弃了这个想法,但手稿揭示他曾继续犹豫,接受宇宙是在一个单一的爆炸事件中建立的理论. 大爆炸理论的证据首次出现是在20世纪20年代,当时美国天文学家埃德温·哈勃和其他人发现,遥远的星系正在远离,空间本身正在扩大.这似乎意味着,在过去,可观测的宇宙中的内容

MyBatis 中 @Param 注解的四种使用场景,最后一种经常被人忽略!

有一些小伙伴觉得 MyBatis 只有方法中存在多个参数的时候,才需要添加 @Param 注解,其实这个理解是不准确的.即使 MyBatis 方法只有一个参数,也可能会用到 @Param 注解.但是,在你总结出规律之前,你可能会觉得莫名其妙,有的时候一个参数明明不用添加 @Param 注解,有的时候,却需要添加,不添加会报错. 有的人会觉得这是 MyBatis 各个版本差异的锅,不可否认,MyBatis 发展很快,不同版本之间的差异还挺明显的,不过这个加不加 @Param 注解的问题,却并不是版

常被人忽略的顽疾之一!!!你不知道的冷知识

曾经有人在知乎上发出这样的问题:"我的指甲在过去的十年中已经拔过五次,为何新指甲仍然往肉里长,并且把指甲两侧的甲床破坏导致局部增生长出一大块肉粒,痛不欲生",随后附上一张惨不忍睹的大拇指照片,在这条问题下面,很多人回复自己也有同样的问题,并且对于治愈方法仍然处在未知状态.那么问题也便出现,为何会有这么多人出现指甲长进肉里,导致出现甲沟炎的情况.那么又应该怎么去治疗这种疾病呢,行健足科的足部专家做出了如下答复. 在了解指甲往肉里长的原因之前,先让我们来普及一下指甲到底是如何生长的.指甲相

萝莉式“屈腿”,《魂斗罗》里被人忽略的真正秘技竟然是?

在"古董级"游戏玩家圈里,总会时不时提到"萝莉式屈腿俯卧",这个话题专属于经典游戏<魂斗罗>,大家的"吐槽点"很简单--游戏主角每次趴下射击的时候,腿总是翘着的.在军事电影中,战士们大都紧贴地面,以减小暴露在外的面积,降低被子弹击中的概率.但<魂斗罗>中的屈腿姿势如此惬意,仅仅是为了赢得玩家眼缘吗? 文/张书乐 TMT行业观察者.游戏产业时评人,人民网.人民邮电报专栏作者 新著有<微博运营完全自学手册> 从游戏

OWIN规范中最让人费解的地方

OWIN defines a standard interface between .NET web servers and web applications. OWIN最让人费解不是OWIN的五大角色(Host, Server, Middleware, Web Framework, Web Application),不是Application Delegate与Environment,而是.NET web servers,规范中并没有说明.NET web servers究竟是什么?它与通常的W

程序员发展不顺利?90%的人忽略了这个因素

IT行业,靠个人努力能走多远?这是一位学员在咨询时,向我提出的问题.如果说迷茫是这个行业的通病,那么努力之后依然没有收获的人,就是重症患者.她的情况,我很了解:边工作,边带娃,还抽出时间给自己充电:买了不少视频课程,每一节都认真留言,每次作业,她都是第一个交,还附上当堂笔记.说她不努力,实在冤枉:但她现在的薪资水平,根本配不上她的努力程度. 线下咨询时,我问她:"有没有想过,以后要在哪个行业沉淀下来呢?"她说,就在IT行业扎根.我摆了摆手:不是这个意思,我指的是细分,现在各行各业都在搞

Jquery几个比较实用,但又让很多人忽略的几个函数

工作中接触的人中,这些函数的使用频率比较少,我用的又比较好用的几个函数 来给大家分享一下. 你有你喜欢的,也可以分享一下 1.filter 使用了我要什么就有什么 这个函数不但可以很方便的筛选自定义HTML,还可以筛选JSON和ARRAY 筛选数组为2的结果 array jQuery([2,3,3]).filter(function(i,v){ return v==2 }) json jQuery([{id:2},{id:3},{id:4}]).filter(function(i,v){ ret