html - 从 Twitter Bootstrap 模态中删除模态页脚

Question

我想从模式中删除页脚。但它只是删除了内容，并没有删除它所获得的空间。

这是我的代码...

<div class="modal hide fade">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times; </button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
</div>

Answer 1

如果您不使用 ' <div class="modal-footer"> ' 在你的模态模板中，那么 bootstrap 就会为你制作它。我认为这就是您看到代码页脚的原因。 我的解决方案是将页脚隐藏在模板中(最后一行):

<div class="modal hide fade">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;       </button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer" style="display:none"></div>
</div>