diff --git a/addons/website/views/themes.xml b/addons/website/views/themes.xml
index f23ec4d2081..2b7e6ab6728 100644
--- a/addons/website/views/themes.xml
+++ b/addons/website/views/themes.xml
@@ -21,7 +21,7 @@
     
             <div class="row mt32" id="themes-list">
     
-              <div class="span4">
+              <div class="col-md-4">
                 <div class="well text-center">
                   <div class="image">
                     <img class="img-responsive" src="http://bootswatch.com/flatly/thumbnail.png" alt="Flatly"/>
@@ -34,7 +34,7 @@
                 </div>
               </div>
     
-              <div class="span4">
+              <div class="col-md-4">
                 <div class="well text-center">
                   <div class="image">
                     <img src="http://bootswatch.com/amelia/thumbnail.png" class="img-responsive" alt="Amelia"/>
@@ -47,7 +47,7 @@
                 </div>
               </div>
     
-              <div class="span4">
+              <div class="col-md-4">
                 <div class="well text-center">
                   <div class="image">
                     <img src="http://bootswatch.com/cerulean/thumbnail.png" class="img-responsive" alt="Cerulean"/>
@@ -60,7 +60,7 @@
                 </div>
               </div>
     
-              <div class="span4">
+              <div class="col-md-4">
                 <div class="well text-center">
                   <div class="image">
                     <img class="img-responsive" src="http://bootswatch.com/cosmo/thumbnail.png" alt="Cosmo"/>
@@ -73,7 +73,7 @@
                 </div>
               </div>
     
-              <div class="span4">  
+              <div class="col-md-4">
                 <div class="well text-center">
                   <div class="image">
                     <img class="img-responsive" src="http://bootswatch.com/cyborg/thumbnail.png" alt="Cyborg"/>
@@ -86,7 +86,7 @@
                 </div>  
               </div>
     
-              <div class="span4">
+              <div class="col-md-4">
                 <div class="well text-center">
                   <div class="image">
                     <img class="img-responsive" src="http://bootswatch.com/journal/thumbnail.png" alt="Journal"/>
@@ -99,7 +99,7 @@
                 </div>
               </div>
     
-              <div class="span4">  
+              <div class="col-md-4">
                 <div class="well text-center">
                   <div class="image">
                     <img class="img-responsive" src="http://bootswatch.com/readable/thumbnail.png" alt="Readable"/>
@@ -112,7 +112,7 @@
                 </div>
               </div>
     
-              <div class="span4">
+              <div class="col-md-4">
                 <div class="well text-center">
                   <div class="image">
                     <img class="img-responsive" src="http://bootswatch.com/simplex/thumbnail.png" alt="Simplex"/>