Twitter Bootstrap-Tabelle erstreckt sich außerhalb Container auf der rechten Seite

Question

Ich habe eine Tabelle in einem Twitter-Bootstrap, und wenn der Tisch viele Spalten hat (ca. 19-20 je nachdem, was in ihnen ist) erstreckt sich außerhalb der .container.

Der hr-Tag (graue Linie unterhalb Tabelle) definiert die Kanten des .Behälter. Der Tisch erstreckt sich immer an ihm vorbei.

Ist es möglich, den Tisch so zu zentrieren, dass er sich außerhalb des Containers auf beiden Seiten gleichmäßig erstreckt?

Answer 1

Ich hatte das gleiche Problem. Es stellte sich heraus, dass die Breite des Containers kleiner als die Breite des Tisches war. Wenn Sie Chrome verwenden, sind die Developer-Tools ziemlich beeindruckend.

Ich habe es nur als eine temporäre Lösung größer als die Breite meines Tisches gesetzt. Die Breite meines Tisches ist aktuell 1079px.

.container { width: 1200px; } 

Als ich die Breite des Tisches auf 1132px erhöhte, begann es wieder nach rechts zu driften. Ich werde versuchen, die Breite des Inhalts zu verringern, aber es ist ein schwieriges Problem. Collapsible Columns sind wahrscheinlich eine Sache und es gibt horizontale Scroll, aber das scheint nur mehr Hindernisse für die Daten.