Update jumbotron

* Defaults to no rounded corners and full width in the viewport
* When in a container, the jumbotron has extra padding and will have
rounded corners
* Updates default jumbotron example to show the full width default
display

Fixes #9759.

1 files changed, 11 insertions, 3 deletions

diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index b7fc3af70..bdfa0d6aa 100644
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -5177,7 +5177,7 @@ a.list-group-item.active > .badge,
 }
 
 .jumbotron {
-  padding: 30px;
+  padding: 30px 15px;
   margin-bottom: 30px;
   font-size: 21px;
   font-weight: 200;
@@ -5195,10 +5195,18 @@ a.list-group-item.active > .badge,
   line-height: 1.4;
 }
 
+.container .jumbotron {
+  border-radius: 6px;
+}
+
 @media screen and (min-width: 768px) {
   .jumbotron {
-    padding: 50px 60px;
-    border-radius: 6px;
+    padding-top: 50px;
+    padding-bottom: 50px;
+  }
+  .container .jumbotron {
+    padding-right: 60px;
+    padding-left: 60px;
   }
   .jumbotron h1 {
     font-size: 63px;