--- a/templates/sat_website/screenshots.html	Mon Jan 19 14:23:56 2015 +0100
+++ b/templates/sat_website/screenshots.html	Mon Jan 19 21:22:40 2015 +0100
@@ -27,33 +27,32 @@
 {% block headline %}{% trans "Some screenshots..." %}{% endblock %}
 {% block extra %}
     <div class="btn-group">
-        <a class="btn btn-info" href="#screenshots">{% trans "screenshots" %}</a>
-        <a class="btn btn-primary" href="#screencasts">{% trans "screencasts" %}</a>
+        <a class="btn btn-default btn-info" href="#screenshots">{% trans "screenshots" %}</a>
+        <a class="btn btn-default btn-primary" href="#screencasts">{% trans "screencasts" %}</a>
     </div>
 {% endblock %}
 {% block main_container %}
-<a name="screenshots"><h2>{% trans "Screenshots" %}</h2></a>
+<a name="screenshots"><h3>{% trans "Screenshots" %}</h3></a>
     <div class="row">
     {% for row in screenshots|columns:3 %}
-        <ul class="thumbnails">
             {% for screenshot in row %}
-                <li class="span4">
+                <div class="col-md-4">
                     <a href="{% static screenshot.path %}" class="thumbnail">
                         <img src="{% static screenshot.path %}" alt="{{ screenshot.description }}">
                     </a>
                      <div class="screenshot_desc">
                          {{ screenshot.description }}
                      </div>
-                </li>
+                </div>
                 
             {% endfor %}
         </ul>
     {% endfor %}
     </div>
-<a name="screencasts"><h2>{% trans "Screencasts" %}</h2></a>
+<a name="screencasts"><h3>{% trans "Screencasts" %}</h3></a>
     {% for screencast in screencasts %}
         <div class="row">
-            <div class="span10 offset1">
+            <div class="col-md-10 col-md-offset-1">
                 <div class="screencast">
                     <video width="640" height="400" poster="{% static screencast.poster %}" controls="controls" src="{% static screencast.path %}" preload="none">
                         {% blocktrans with firefox="<a href=\"http://www.mozilla-europe.org/fr/\">Firefox</a>" %}Your browser doesn't manage the « video » tag, you should update, e.g. with the last {{ firefox }}{% endblocktrans %}