模式弹出窗口中的引导表内容答案

【问题标题】：Bootstrap table contents in a modal pop up模式弹出窗口中的引导表内容
【发布时间】：2013-08-11 10:45:28
【问题描述】：

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

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

【问题讨论】：

标签： javascript css ruby-on-rails twitter-bootstrap

【解决方案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 -->

【讨论】：

您可能想要更新演示的资源 :)

【解决方案2】：

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

【讨论】：

我尝试了这些解决方案，将其粘贴在文档的上方/下方/中间，但仍然没有出现。控制台中没有错误，并且在检查页面时会显示 DOM 元素。只要我删除表格元素，它就可以工作。