V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
kstsca
V2EX  ›  Bootstrap

Bootstrap v3 貌似有个bug firefox显示正常,chrome显示就不正常。。帮我看下。。

  •  
  •   kstsca · 2013-10-10 01:09:44 +08:00 · 11233 次点击
    这是一个创建于 4094 天前的主题,其中的信息可能已经有所发展或是发生改变。
    <form class="form-inline" role="form" method="post">
    <div class="form-group">
    <p class="input-group">
    <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
    <input type="email" name="email" class="form-control" placeholder="请输入你的邮箱地址">
    </p>
    </div>
    <button type="submit" class="btn btn-success">提交</button>
    </form>


    chrome提交按钮到下面去了,input 老长老长的。。。

    firefox下一切正常。。
    5 条回复    1970-01-01 08:00:00 +08:00
    yangqi
        1
    yangqi  
       2013-10-10 01:22:17 +08:00
    你的button都没包含在input-group或者form-group里。。。当然不对了
    kstsca
        2
    kstsca  
    OP
       2013-10-10 01:34:02 +08:00
    @yangqi 同样没用。。我都试过了,主要是input-group这个有问题,有bug我感觉,因为我要加的图片,所以必须加这个class
    kstsca
        3
    kstsca  
    OP
       2013-10-10 01:36:13 +08:00
    http://photo.weibo.com/2879100513/wbphotos/large/mid/3631665987061479/pid/ab9b9661jw1e9fg6qg4g6j20a704d0sn

    目前只能这样解决,但跟效果不太一样。。
    <form class="form-inline" role="form" method="post">
    <div class="input-group">
    <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
    <input type="email" name="email" class="form-control" placeholder="请输入你的邮箱地址">
    <span class="input-group-btn"><button type="submit" class="btn btn-success">提交</button></span>
    </div>
    </form>
    kstsca
        4
    kstsca  
    OP
       2013-10-10 01:36:36 +08:00
    yangqi
        5
    yangqi  
       2013-10-10 01:48:09 +08:00
    囧。。。一个input-group是一行啊,你把button放到上面的input-group当然不对了

    http://getbootstrap.com/components/#input-groups

    看看官方的example...
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3795 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 05:10 · PVG 13:10 · LAX 21:10 · JFK 00:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.