如何使用Bootstrap在移動設備上顯示錶格？

我的桌面在桌面上顯示效果很好，但是一旦我嘗試查看移動版本，我的桌面就會變得太寬而無法使用移動設備屏幕。我正在使用響應式佈局。如何使用Bootstrap在移動設備上顯示錶格？

如何爲移動視圖設置表格寬度？還有什麼其他替代方法可以在使用Bootstrap的移動視圖上顯示錶格數據？

2013-02-13 crzrcn

我注意到，自舉3.0將是有人認爲他們會解決這個移動表的「問題」嗎？ – crzrcn 2013-02-13 03:51:30

在Bootstrap 3中，表格看起來還是一樣的。:( – 2013-08-23 13:27:15

@GilesRoberts [如果通過「在Bootstrap 3中相同」表示「現在在Bootstrap 3中響應」，那麼是的，它們是相同的]（http：// getbootstrap.com/css/#tables-responsive） – 2013-10-04 05:54:35

<div class="table-responsive"> 
    <table class="table"> 
    ... 
    </table> 
</div>

感謝Jason Bradley用於提供一個例子：「移動第一」

Responsive Tables

2013-10-04 05:56:02

謝謝。就像99.9％的人一樣，我沒有仔細閱讀更新的文檔。我想我應該有。 – 2013-11-04 00:37:23

@DavidBélanger文檔是一件奇妙的事情:) – 2013-11-04 00:41:05

確實，它是！另外，它正在做我想做的事情，所以對我來說這是一個二合一的！ – 2013-11-04 01:08:55

引導程序中的所有表根據它們所在的容器拉伸。您可以將表放在.span元素內以控制大小。這太問題可以幫助你

2013-02-13 03:45:40

你也可以考慮嘗試這些方法之一，因爲較大的表是無法在手機上究竟友好即使它的工作原理：

我偏愛'沒有更多表格'，但這顯然取決於您的應用程序。

2013-02-13 03:49:48 Chords

奇妙的鏈接和三個真正偉大的解決方案！我不得不穀歌我回到這個問題只是爲了upvote你的答案。謝謝！ – Simon 2013-02-27 10:02:37

只包含一個鏈接的答案是錯誤的堆棧溢出Ë tiquette。該頁面可能會丟失，頁面上的內容可能會更改，答案不會立即可見，答案也無法改善，等等。順便說一句，該鏈接不再指向正確的內容。 – Dennis 2014-03-07 21:24:34

同意，但現在：https://web.archive.org/web/20130725223053/http://elvery.net/demo/responsive-tables – Chords 2014-03-07 21:50:31

回答