Question

我正在使用bootstrap3，我正在使用模态来渲染表单..是否有任何方法可以使模态根据设备窗口大小获取整个移动高度。另外，我在模态中有一个按钮。按钮应该总是在模态的末尾。我正在尝试使用jquery ..有任何方式使用纯CSS

<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    <h4 class="modal-title">Modal title</h4>
  </div>
  <div class="modal-body">
    <p>One fine body&hellip;</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
</div></div>

我需要这个bootstrap模式来获取移动页面的整个高度，模态页脚容器应始终位于云的末尾，而不管模态体内容

Answer 1

只需编写自己的CSS，然后将模态的最小高度设置为100％...因为模态背景为100％高度，所以min-height: 100%应该有效。

根据设备大小制作一个按钮以结束模态

1 个答案: