Twitter bootstrap 如何使用Twitter引导程序获得2600px和25列宽的整洁表格？

我有一个表，有25列，总共大约2600像素宽

现在，我有如下所述的结构-但是它在内容区域之外流动，并且每列中的内容没有正确对齐。事实上，应该在一行上的内容会出现在每行的2或3上。它通常看起来不整洁

我怀疑这是因为推特引导是为较小的数据集（尤其是表）而设计的

但是有没有人知道我该如何让这张桌子看起来不那么笨重

<div class="container-fluid">
        <div class="content">
           <div class="row-fluid">
            <div class="span12">

              <h2>Home</h2>

<table class="table table-striped table-hover table-condensed">
  <thead>
    <tr>
      <th>Name</th>
      <th>Phone</th>
      <th>Email</th>
      <th>Co. Name</th>
      <th>Co. Phone</th>
      <th>Co. Size</th>    
      <th>Co. Type</th>    
      <th>City</th>
      .
      .
      .    
    </tr>
  </thead>  

  <tr>
    <td>John F Kennedy</td>
    <td>87698765</td>
    <td>jfk@email.com</td>
     <!-- Begin Firm Info Here -->
        <td>Acme Inc</td>
        <td>(876) 987-6543</td>
       .
       .
       .
    </tr>
   </table>

      </div>
    </div>
  </div>
</div>

---

谢谢

为避免换行，您可以使用

.the-table {
    white-space: nowrap;
    max-width: none;
    width: auto;
}

这将强制在的容器上或浏览器中（如果该容器可以展开）进行水平滚动。所以，如果你想控制它的布局，你可以把里面的溢出：自动和设置宽度。您可以将引导范围与额外的类一起使用：

.the-container {
    overflow: auto;
    /* width cames from spanN class */
}

---

为了避免换行，您可以使用

.the-table {
    white-space: nowrap;
    max-width: none;
    width: auto;
}

这将强制在的容器上或浏览器中（如果该容器可以展开）进行水平滚动。所以，如果你想控制它的布局，你可以把里面的溢出：自动和设置宽度。您可以将引导范围与额外的类一起使用：

.the-container {
    overflow: auto;
    /* width cames from spanN class */
}

---

你想要水平滚动吗？当然…任何能让阅读更容易管理的东西。顺便说一下，我正在使用Bootstrap2.0。谢谢你想要水平滚动吗？当然…任何能让阅读更容易管理的东西。顺便说一下，我正在使用Bootstrap2.0。谢谢我还建议将最小宽度：100%添加到表格中。我还建议将最小宽度：100%添加到表格中