Question

When i try to get a table with spans. I get fluid table.
How to get a flat table without these strange spaces?
Picture to explain what wrong:

Full listing of sourse page https://gist.github.com/2984012

Answer 1

No space at the beginning

Problem

The space that appears on the 3rd line is a “feature” of bootstrap : the first span of a container has no left margin.

[class*="span"]:first-child {
    margin-left: 0;
}

(source : https://github.com/twitter/bootstrap/blob/master/less/mixins.less#L613)

Fix

You can add an invisible .span element before the first item : that way the first item will have a space too.

<div class="span" style="display: none;"></div>

Hole in the layout

Problem

Your first item seems to be longer (in height).

Fix

It appears you have set a minimum height, but you should fix a maximum height, or ensure that there are no items longer than the minimum height.