bootstrap modal form-inline不会"inline“按钮

Question

我真的被这个问题困住了。创建了下一个模态.form- inline，但cancel按钮不在内联中，代码如下：

<div id="loginModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Login </h4>
        </div>
        <div class="modal-body">

            <div class="form-inline">

                <div class="form-group">
                <label class="sr-only" for="email">Email Address</label>
                <input type="email" class="form-control-input-sm text-center" placeholder="Email">
            </div>
            <div class="form-group">
                <label class="sr-only" for="password">Password</label>
                <input type="password" class="form-control-input-sm text-center" placeholder="Password">
            </div>
                <input type="checkbox"><span style="color:#9d9797">Remember me</span>

                <button type="submit" class="btn btn-info">Sign In</button>
                <button type="button" class="btn btn-default btn-sm"
                   data-dismiss="modal">Cancel</button>
            </div>              
        </div>
    </div>
    </div>
</div>

它的图片：

​

​