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>