Question

I am trying to make the bootstrap scaffolding to work. I have two tables, one left, one right, both inside a row. Please see this fiddle.

For some reason the tables appear one under the other. How can I get both tables to be at the same hight?

Answer 1

you dont need to use offset 8 with your second table, thats 12 on its own. If one table is a span4 and the other is a span4 they will sit side by side with a span4 remaining…

each row consumes a spans of 12 columns, you had 4 in your first table, 8 between the tables, and another 4 for your second table.. making 16 columns, and so, two rows (16/12)

if you use span4 plus offset3 span4 you get 11 columns! well within the 12 column default limit 🙂

so if you wanted you could use offset2 for some space between them

http://jsfiddle.net/D2RLR/84/