twitter-bootstrap - Twitter ブートストラップ テーブルは右側のコンテナーの外側に拡張されます

Question

Twitter Bootstrap 内にテーブルがあり、テーブルに多数の列 (内部の内容に応じて約 19 ～ 20) がある場合、.container の外側に拡張されます。

hr タグ (テーブルの下の灰色の線) は、.container のエッジを定義します。テーブルは常にそれを超えて右に伸びます。

テーブルを中央に配置して、両側の.containerの外側に均等に拡張することはできますか?

Answer 1

私も同じ問題を抱えていました。コンテナの幅がテーブルの幅よりも小さいことがわかりました。Chromeを使用している場合、開発者ツールは非常に優れています。

一時的な修正として、テーブルの幅よりも大きく設定しました。私のテーブルの幅は現在1079pxです。

.container { width: 1200px; }

テーブルの幅を1132pxに増やすと、テーブルは再び右にドリフトし始めました。中身の幅を狭くしてみようと思いますが、難しい問題です。折りたたみ可能な列はおそらく問題であり、水平スクロールがありますが、それはデータに対するより多くの障壁のように思えます。