Question

尝试使用网格在模式中创建区域，但表单没有成功。在下面的情况下，模态页脚变得很奇怪。

<div>
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title"><span>AA</span></h4>
            </div>
            <div class="modal-body">
                <form role="form">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="exampleInputEmail1">Email address</label>
                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="exampleInputPassword1">Password</label>
                            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <a class="btn btn-default" href="">Cancelar</a>
            </div>
        </div>
    </div>
</div>

Answer 1

如果您将overflow的{{1}}设置为.modal-body，则会解决您的问题。

hidden

来自CSS技巧的信息：http://css-tricks.com/the-css-overflow-property/

 .modal-body {
   position: relative;
   padding: 15px;
  overflow: hidden;
  }

Answer 2

需要将其包装在<div class="container-fluid"></div>

中

在带有表单的模态中使用网格

2 个答案: