Twitter Bootstrap fluid spans broke template

twitter-bootstrap

Solution

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.

Problem

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

Original source