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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 4096 天前的主题，其中的信息可能已经有所发展或是发生改变。

<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下一切正常。。

class

form

span

5 条回复 • 1970-01-01 08:00:00 +08:00

yangqi

2013-10-10 01:22:17 +08:00

你的button都没包含在input-group或者form-group里。。。当然不对了

kstsca

2013-10-10 01:34:02 +08:00

@yangqi 同样没用。。我都试过了，主要是input-group这个有问题，有bug我感觉，因为我要加的图片，所以必须加这个class

kstsca

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

2013-10-10 01:36:36 +08:00

yangqi

2013-10-10 01:48:09 +08:00

囧。。。一个input-group是一行啊，你把button放到上面的input-group当然不对了

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

看看官方的example...