让bootstrap表进入bootstrap容器外面？

Question

我有一个bootstrap容器和一个像这样的boostrap表

<div class="container">
<table class="table">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
      </tr>
    </tbody>
  </table>
</div>

我想保留我的容器，而且我的表中没有换行符。如果我在我的表中得到一个长行，它就在我的容器下面（右边的内容隐藏在我的表中）。如果表中有很多内容，如何让我的表重叠我的容器？

Answer 1

如果没有CSS，有点难以帮助，但根据我所知，我会尝试设置white-space: nowrap;

Answer 2

.container{
  z-index: -1;    
}