Test version

Question

When I try to get a table with spaces. I get a liquid table. How to get a flat table without these weird spaces? Image to explain what's wrong:

Full list of source page https://gist.github.com/2984012

Answer 1

No place at the start

Problem

The space that appears on the third line is a bootstrap "function": the first container interval does not have a 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 element: this way, the first element will also contain a space.

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

Hole in the layout

Problem

Your first element seems longer (in height).

Fix

You seem to have set the minimum height, but you should fix the maximum height , or make sure there are no items greater than the minimum height.

Answer 2

you use the thumbnails class, but not a thumbnail child class for the elements of your code.

 <div class="container"> <ul class="thumbnails"> <!-- start item --> <li class="span3"> <div class="thumbnail"> <a href="#" title="" ><img src="http://placehold.it/260x180" alt=""></a> <h5><a href="#" title="" >Ruby on Rails Ringer</a></h5> <p>$17.99</p> </div> </li> <!-- end item --> </ul> </div> 

second, you don’t need the row-fluid class, because the thumbnail class uses fluid out of the box.

 <div class=""> <div data-hook="homepage_products"> 

last point - I do not see your container in your code

 <div class="container"> 

jsfiddle