diff --git a/templates/index.html b/templates/index.html
index 469fcab..e6dd51f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -9,24 +9,20 @@
 </div>
 </div>
 
-<div class="row">
+<ul class="row thumbnails">
 {{with .Books}}
 	{{range .}}
-		<div class="span2">
-		<p class="centered down"><a href="/book/{{.Id}}">{{if .CoverSmall}}<img  class="img-rounded" src="{{.CoverSmall}}" alt="{{.Title}}" />{{end}}</a></p>
+	<li class="span2">
+		<div class="thumbnail centered" style="border:none;">
+		<a href="/book/{{.Id}}">
+		{{if .CoverSmall}}<div class="down"><img  class="img-rounded" src="{{.CoverSmall}}" alt="{{.Title}}" /></div>{{end}}
+		<p><strong>{{.Title}}</strong></p>
+		</a>
 		</div>
+	</li>
 	{{end}}
 {{end}}
-</div>
-<div class="row hidden-phone">
-{{with .Books}}
-	{{range .}}
-		<div class="span2">
-		<p class="centered"><a href="/book/{{.Id}}"><strong>{{.Title}}</strong></a></p>
-		</div>
-	{{end}}
-{{end}}
-</div>
+</ul>
 
 <div class="row">
 	<p class="centered">{{range .Tags}}<a class="label" href="/search/?q=subject:{{.}}">{{.}}</a> {{end}}</p>