Trying to improve bootstrap layout. Thumbnail grid still broken.

app/views/packages/_packages_search_results.html.erb

@@ -1,16 +1,20 @@
 <% # Show search results %>
 
 <% if @packages.length>0 %>
-<ul>
+  <ul class="thumbnails">
     <% @packages.each do |package| %>
-  <li>
+        <li class="span3">
-    <%= package.name %>
-    (<%= package.description %>)
           <% if package.screenshots.length>0 %>
-      <%= image_tag package.screenshots.first.image_url('small') %>
+            <%= link_to (image_tag '', :"data-src" => package.screenshots.first.image_url('small')),
+                      package.screenshots.first.image_url('large'),
+                      html_options = {:class => 'thumbnail'}
+                %>
+          <h3><%= package.name %></h3>
+          <p><%= package.description %></p>
           <% else %>
             <em>No screenshot. :( Care to upload one?</em>
           <% end %>
+          </a>
         </li>
     <% end %>
   </ul>

app/views/packages/index.html.erb

@@ -10,6 +10,11 @@
   <%= submit_tag "Search" %>
 <% end %>
 
+<div class="container">
+
   <h1>Search results</h1>
 
+  <div class="row-fluid">
     <%= render "packages_search_results", object: @packages %>
+  </div>
+</div>