Css 推特引导表调整大小，行溢出

我被推特引导中的表格困住了。无论我尝试什么，我都无法在span内获得我的表，我认为这与引导CSS有关，我需要在span或hero单元内对我的表行进行对齐

<div class="table-responsive">
  <table  id="table" 
          class="table table-bordered table-condensed table-striped form-group">
    <tbody>
       <tr>
         <th>Sl. No.</th>
         <th class="">Name</th>
         <th>C/NC</th>
         <th class="">Quantity</th>
         <th>Price</th>
         <th><input type="button" class="btn btn-success" id="addmorebutton" 
                    value="Add" onclick="addRow();"/></th>
      </tr>
      <tr id="templateRow">
        <td><input type="text" placeholder="In Words"></td>
        <td class=""><input type="text" placeholder="In Words"></td>
        <td>
           <select class="input-sm col-lg-2">
              <option>Consumable</option>
              <option>Non Consumable</option>
           </select>
        </td>
        <td class=""><input type="text" placeholder="In Numbers"></td>
        <td><input type="text" placeholder="In Numbers"></td>
        <td><input type="button" class="btn btn-danger" id="addmorebutton" 
                   value="Delete" onclick="delRow(this);"/></td>
     </tr>
   </tbody>
 </table>
</div>

序号。
名称
C/NC
量
价格
消耗品
非消耗品

如果您试图通过设置父

span

元素的样式来定位

表

，则需要将span设置为块级元素。Span本质上不是块级元素；因此，它将折叠并在页面流中不包含该表。使用

块

或

内联块

是可以更改范围以正确包含的方法之一。然而，为了使它更简单，您可以始终使用块级元素，例如

div

或表格本身的样式

尝试

显示：块

CSS上使用code>。这将强制它包含其子元素

没有更多的信息，就很难理解你想要完成什么。

---

有关块级元素的更多信息：

是否有指向测试站点的链接？我从你提供的代码中看不出任何东西。你必须使用表吗？Bootstrap附带了一个网格系统