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

[kstsca]

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

[yangqi]

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

[kstsca]

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

[kstsca]

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]

[yangqi]

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

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

看看官方的example...