2012-09-23 13 views
5

私はTwitterのブートストラップの中にテーブルを持っています。テーブルにはカラムがたくさんあります(19-20前後).containerの外に広がっています。Twitterのブートストラップテーブルがコンテナの外側に広がっています

twitter bootstrap table

時間タグ(表の下の灰色の線)は.containerの縁部を画定します。テーブルは常にそれを通り過ぎて右側に伸びています。

テーブルを中央に置くことができます。両側の.containerの外側に均等に広がるようにできますか?

+0

幅が固定されていない(またはテキストのようなものではない)ものを適切にセンタリングすることはできません。 _counting_は列で、 '.span'クラスは可能ですか?とにかく、列を乗算するのが最良の方法ではないかもしれません。 – Sherbrow

答えて

2

私は同じ問題がありました。コンテナの幅はテーブルの幅よりも小さくなっています。 Chromeを使用している場合は、デベロッパーツールが非常に優れています。

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

.container { width: 1200px; } 

私が1132pxにテーブルの幅を増加させたとき、それは再び右にドリフトし始めました。内容の幅を狭くしようとしますが、それは難しい問題です。折りたたみ可能な列はおそらく物事であり、水平方向のスクロールがありますが、それはデータの障壁のように思えます。

+0

でもモバイルとタブレットはどうですか? –

+0

@EduardoArrudaPimentel私は、ブートストラップに組み込まれたものを使用する以外に、レスポンシブルデザインの経験はあまりありません。しかし、あなたのテーブルがあなたのコンテナよりも広いなら、あなたのコンテナを広くしてみてください。モバイル/タブレット専用の幅を設定することもできますし、 '.container {width:80%; } '。幅のオプションは次のとおりです。[link](http://www.w3schools.com/cssref/pr_dim_width.asp)。あなたはテーブルの幅をどうにか縮小することも検討したいかもしれません。 – undefinedvariable

+0

コンテナのオーバーフロープロパティを 'overflow:scroll'に設定するとどうなりますか? –