Bootstrap v3 貌似有个bug firefox显示正常，chrome显示就不正常。。帮我看下。。
kstsca 2013-10-10 01:09:44 +08:00 11616 次点击这是一个创建于 4385 天前的主题，其中的信息可能已经有所发展或是发生改变。
<form class="form-inline" role="form" method="post">
<div cass="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下一切正常。。
<div cass="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下一切正常。。
 | 1 yangqi 2013-10-10 01:22:17 +08:00 你的button都没包含在input-group或者form-group里。。。当然不对了 |
 | 2 kstsca OP @yangqi 同样没用。。我都试过了，主要是input-group这个有问题，有bug我感觉，因为我要加的图片，所以必须加这个class |
| 3 kstsca OP 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> |
| 4 kstsca OP  |
| 5 yangqi 2013-10-10 01:48:09 +08:00 。。。一个input-group是一行啊，你把button放到上面的input-group当然不对了 http://getbootstrap.com/components/#input-groups 看看官方的example... |
Select Language