only round jumbotron corners at 768px+

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index ebca6a630d851aea04bd414123b05f3f050bd1cd..d534985d90d9f9a97617205d3bf97dc87650ad31 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -4423,7 +4423,6 @@ a.counter:hover {
   line-height: 30px;
   color: inherit;
   background-color: #eeeeee;
-  border-radius: 6px;
 }
 
 .jumbotron h1 {
@@ -4438,6 +4437,7 @@ a.counter:hover {
 @media screen and (min-width: 768px) {
   .jumbotron {
     padding: 50px 60px;
+    border-radius: 6px;
   }
   .jumbotron h1 {
     font-size: 60px;

diff --git a/less/jumbotron.less b/less/jumbotron.less
index 18de623fdc60602ac8cda1a7a67d3ee4e8c70d93..ebe9bd971dff78dcffe23090d676a522a2d64837 100644 (file)
--- a/less/jumbotron.less
+++ b/less/jumbotron.less
@@ -11,7 +11,6 @@
   line-height: @line-height-base * 1.5;
   color: @jumbotron-lead-color;
   background-color: @jumbotron-background;
-  border-radius: 6px;
   h1 {
     line-height: 1;
     color: @jumbotron-heading-color;
@@ -24,6 +23,7 @@
 @media screen and (min-width: 768px) {
   .jumbotron {
     padding: 50px 60px;
+    border-radius: 6px; // Only round corners at higher resolutions
 
     h1 {
       font-size: 60px;