Add in responsive for 1200px+ layout; increase padding for that viewport size

2 files changed, 15 insertions, 3 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 2195adde9..b5cea261d 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -688,7 +688,6 @@ pre code {
 }
 
 .container {
-  max-width: 940px;
   margin-right: auto;
   margin-left: auto;
 }
@@ -4706,8 +4705,6 @@ a.badge:hover {
   }
   .container {
     max-width: 940px;
-    margin-right: auto;
-    margin-left: auto;
   }
   .navbar {
     padding-top: 0;
@@ -4740,6 +4737,16 @@ a.badge:hover {
   }
 }
 
+@media screen and (min-width: 1200px) {
+  .container {
+    max-width: 1170px;
+  }
+  [class^="span"] {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+}
+
 /*
 // Responsive
 // -------------------------------------------------------------
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 32b09a805..36e5e70ce 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -213,6 +213,11 @@ section > ul li {
   }
 }
 
+@media screen and (min-width: 1200px) {
+  .bs-docs-sidenav {
+    width: 260px;
+  }
+}