Twitter column loads outside the container to the right

I have a table inside Twitter Bootstrap, and when there are many columns in the table (about 19-20 depending on what is inside them), it goes beyond the container.

twitter bootstrap table

The hr tag (the gray line below the table) defines the edges of the container. A table always passes right to it.

Is it possible to center the table so that it remains the same outside the container on both sides?

+5
source share
1 answer

I had the same problem. It turned out that the width of the container is less than the width of the table. If you use Chrome, the developer tools are pretty amazing.

I just set it larger than my table width as a temporary fix. My table width is 1079px.

.container { width: 1200px; }

1132px, . , . - , , , .

+2

All Articles