2015-06-17 63 views
2

我有一個響應table三行,其中每行有 三個td。現在我想要在小設備上(< 768px)將文本轉換爲 秒td如果太長,則會被封裝。引導網格系統與表單元格

我在http://www.bootply.com/n17ZZ17gWd#上編寫了這段代碼,但是當我在移動預覽上運行它時,長文本總是放在一行上,而在全屏預覽時長文本被封裝。

我曾經到每個td這樣:class="col-xs-1 col-sm-1 col-md-1但也許 我誤解了如何使用同事*爲td和被它影響?

在實踐中如果我有3個td和我寫的東西,如:

<tr> 
    <td class="col-xs-1"> ... </td> 
    <td class="col-xs-1"> ... </td> 
    <td class="col-xs-1"> ... </td> 
</tr> 

我們如何能讀col-xs-1

也許每個td跨越1列而tr仍然有9列空間?

td跨度爲1列,但每個td仍然有空間11列?

+0

這是一個有趣的場景,如果您找到所需的解決方案,請更新。 –

回答

1

這是不是正是你所要求的,但see如果它給你任何線索。

col-xs-1 col-md-2 
col-xs-12 col-md-8 
col-xs-1 col-md-2 

它是確定爲XS做這種方式,如果列數超過12,引導會自動將其分配到單獨的行。

+0

有趣的解決方案(+1),但我必須使用表格,因爲它們是自動生成的。關於我在考慮在td上使用col- *你怎麼看? – xdevel2000

+0

我誠實地不認爲它甚至可以將'td'滾到下一行。它有點違反了桌子的整個「主體」 - 這正是表格和網格之間的區別。 –