Import the responsive css *after* setting the body padding to fix the issue described...

diff --git a/starter-template.html b/starter-template.html
index 5370f2983e8a93a90d11d2c0546e1e83db6ce0a4..e8e52ba53375f3f4952e05762c275efe44e92cde 100644 (file)
--- a/starter-template.html
+++ b/starter-template.html
@@ -13,12 +13,12 @@
 
     <!-- Le styles -->
     <link href="../assets/css/bootstrap.css" rel="stylesheet">
-    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
     <style>
       body {
         padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
       }
     </style>
+    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
 
     <!-- Le fav and touch icons -->
     <link rel="shortcut icon" href="images/favicon.ico">