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

このコード ブロックは、Bootstrap でレスポンシブ テーブルを生成しません。ブートストラップを使用してレスポンシブ テーブルを実現するのを手伝ってください。前もって感謝します

4

5 に答える 5

1

以下が機能しない理由がわかりません...幅や高さを設定していないことを確認してください...完全なHTMLを投稿してください。

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

[ブートストラップ3]

于 2014-02-28T15:09:02.330 に答える
1

このページの Fizer Khan の回答は正しいです。ただし、768px を超えるデバイスで絶対に必要な場合にのみこれを適用できるように、次のような独自の CSS ファイルでカスタム CSS スタイルを作成することをお勧めします。

.table-responsive-force {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDD;
    -webkit-overflow-scrolling: touch;
}

その後、Bootstrap のデフォルトの動作を実際にオーバーライドしたいときにいつでも使用できます。

于 2015-03-25T21:01:25.420 に答える
0

幅を外側 (折り返し) d​​iv (またはセクション) に設定していない可能性があります。外側の要素に 'width: 100%' を追加すると、問題が解決する場合があります。

于 2015-12-07T10:55:52.877 に答える