javascript - 模式弹出窗口中的引导表内容

Question

我有一些使用引导程序的格式问题。我想在模态体中以表格形式插入数据。这可能吗？当我检查示例时，模态只能通过使用 div 标签来使用。

http://getbootstrap.com/javascript/#modals

Answer 1

当然，您可以在模态中使用表格！：

<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Launch demo modal</a>

<div class="modal fade" id="myModal">
<div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h4 class="modal-title">Modal title</h4>
    </div>
    <div class="modal-body">
      <table>
          <thead>
          </thead>
          <tbody class="table">
              <tr>
                  <td>1</td>
                  <td>2</td>
              </tr>
              <tr>
                  <td>3</td>
                  <td>4</td>
              </tr>
          </tbody>
      </table>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

Answer 2

是的，但我必须将模态内容移动到 html 正文的顶部才能使其正常工作。