La tabella di bootstrap di Twitter si estende all'esterno del contenitore a destra

Question

Ho una tabella all'interno di un Bootstrap di Twitter, e quando la tabella ha un sacco di colonne (attorno al 19-20 a seconda di cosa ci sia dentro) si estende al di fuori di .container.

Il tag hr (linea grigia sotto tabella) definisce i bordi della .container. Il tavolo si estende sempre oltre a destra.

È possibile centrare il tavolo, in modo che si estenda al di fuori del contenitore con entrambe le parti ugualmente?

Answer 1

Ho avuto lo stesso problema. Si è rivelato che la larghezza del contenitore era inferiore alla larghezza della tabella. Se utilizzi Chrome, gli strumenti per sviluppatori sono davvero fantastici.

L'ho appena impostato su una larghezza maggiore della tabella, come una soluzione temporanea. La larghezza della mia tabella è pari a 1079 px.

.container { width: 1200px; } 

Quando ho aumentato la larghezza della tabella a 1132 px, ha iniziato a spostarsi nuovamente verso destra. Proverò a diminuire la larghezza dei contenuti, ma è un problema difficile. Le colonne comprimibili sono probabilmente una cosa e c'è lo scroll orizzontale, ma questo sembra più un ostacolo ai dati.