bootstrap里的modal怎么把几个Input和button放在同一行里？

Question

我在bootstrap里尝试给网页添加一个modal，代码如下：

        <div class="modal-body">
            <form class="form-inline">
                <div class="form-group">
                    <label for="email" class="sr-only">Email Address</label>
                    <input type="email" class="form-control input-sm" id="email" placeholder="Email">
                </div>
                <div class="form-group">
                    <label for="password" class="sr-only">Password
                    </label>
                    <input type="password" id="password" class="form-control input-sm" placeholder="Password">
                </div>
                <div class="checkbox">
                    <label><input type="checkbox" class="form-control">Remember me
                    </label>
                </div>
                <button type="submit" class="btn btn-info btn-sm form-control">Sign In</button>
                <button type="button" class="btn btn-default btn-sm form-control" data-dismiss="modal">Cancel</button>
            </form>
        </div>

但是在Chrome上点击出来的modal是这样的：

诡异的是，我用Firefox的话就没问题，是在同一行。。。
然后我也尝试过用form-horizontal，col-sm-*，全部加div，form-group啦，但都不行
求教大神们，能否指点迷津下，谢谢！