Twitter Bootstrap表格調整大小，行溢出

我在twitter引導中卡住表格。無論我嘗試什麼，我都無法在範圍內獲得我的表格，我認爲它與引導程序CSS有關，我需要我的表格行在範圍或英雄單位內是合理的。Twitter Bootstrap表格調整大小，行溢出

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

來源

2013-10-29 Ayush K Singh

您是否有鏈接到測試網站的鏈接？我不能告訴你所提供的代碼 –

你是否需要使用表格？ Bootstrap帶有一個網格系統http://getbootstrap.com/css/#grid-options – Scott

如果您是通過造型父span元素試圖位置table，你需要做的跨度爲塊級元素。跨度本質上不是塊級元素;因此，它會崩潰並且不會包含頁面流中的表格。使用block或inline-block是您可以將跨度更改爲正確包含的方法之一。然而，爲了使它更容易，你總是可以使用塊級元素開始，如div或樣式表本身。

嘗試display:block;在您的<span> CSS上。這將迫使它包含其子元素。

沒有更多的信息，很難理解你要完成什麼。有關塊級元素的更多信息：https://developer.mozilla.org/en-US/docs/HTML/Block-level_elements

來源

2014-04-07 19:04:37 Huski

Twitter Bootstrap表格調整大小，行溢出

回答

相關問題