html - 让 bootstrap 表到 bootstrap 容器之外？

Question

我有一个这样的 Bootstrap 容器和一个 Bootstrap 表

<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;