From: XhmikosR <xhmikosr@gmail.com>
Date: Wed, 15 May 2019 08:51:45 +0000 (+0300)
Subject: Examples: make use of core utils in more places.
X-Git-Tag: v5.0.0-alpha1~1062
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=8c61254919b90a42eb13a8272680778a9e6fefa8;p=thirdparty%2Fbootstrap.git

Examples: make use of core utils in more places.
---

diff --git a/site/content/docs/4.3/examples/product/product.css b/site/content/docs/4.3/examples/product/product.css
index 62110018ef..03e6167937 100644
--- a/site/content/docs/4.3/examples/product/product.css
+++ b/site/content/docs/4.3/examples/product/product.css
@@ -68,5 +68,3 @@
     flex: 1;
   }
 }
-
-.overflow-hidden { overflow: hidden; }
diff --git a/site/content/docs/4.3/examples/starter-template/index.html b/site/content/docs/4.3/examples/starter-template/index.html
index 001d1e60ec..dcd6d8732d 100644
--- a/site/content/docs/4.3/examples/starter-template/index.html
+++ b/site/content/docs/4.3/examples/starter-template/index.html
@@ -40,7 +40,7 @@ extra_css:
 
 <main role="main" class="container">
 
-  <div class="starter-template">
+  <div class="starter-template text-center py-5 px-3">
     <h1>Bootstrap starter template</h1>
     <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
   </div>
diff --git a/site/content/docs/4.3/examples/starter-template/starter-template.css b/site/content/docs/4.3/examples/starter-template/starter-template.css
index 5f64cd294e..6fb7091051 100644
--- a/site/content/docs/4.3/examples/starter-template/starter-template.css
+++ b/site/content/docs/4.3/examples/starter-template/starter-template.css
@@ -1,7 +1,3 @@
 body {
   padding-top: 5rem;
 }
-.starter-template {
-  padding: 3rem 1.5rem;
-  text-align: center;
-}
diff --git a/site/content/docs/4.3/examples/sticky-footer-navbar/index.html b/site/content/docs/4.3/examples/sticky-footer-navbar/index.html
index 2d412a587a..34d4d0d294 100644
--- a/site/content/docs/4.3/examples/sticky-footer-navbar/index.html
+++ b/site/content/docs/4.3/examples/sticky-footer-navbar/index.html
@@ -38,13 +38,13 @@ body_class: "d-flex flex-column h-100"
 <main role="main" class="flex-shrink-0">
   <div class="container">
     <h1 class="mt-5">Sticky footer with fixed navbar</h1>
-    <p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code>padding-top: 60px;</code> on the <code>main &gt; .container</code>.</p>
+    <p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code class="small">padding-top: 60px;</code> on the <code>main &gt; .container</code>.</p>
     <p>Back to <a href="{{< docsref "/examples/sticky-footer" >}}">the default sticky footer</a> minus the navbar.</p>
   </div>
 </main>
 
-<footer class="footer mt-auto py-3">
-  <div class="container">
+<footer class="footer mt-auto py-3 bg-light">
+  <div class="container px-3">
     <span class="text-muted">Place sticky footer content here.</span>
   </div>
 </footer>
diff --git a/site/content/docs/4.3/examples/sticky-footer-navbar/sticky-footer-navbar.css b/site/content/docs/4.3/examples/sticky-footer-navbar/sticky-footer-navbar.css
index b4696dab6e..3087ead7db 100644
--- a/site/content/docs/4.3/examples/sticky-footer-navbar/sticky-footer-navbar.css
+++ b/site/content/docs/4.3/examples/sticky-footer-navbar/sticky-footer-navbar.css
@@ -5,16 +5,3 @@
 main > .container {
   padding: 60px 15px 0;
 }
-
-.footer {
-  background-color: #f5f5f5;
-}
-
-.footer > .container {
-  padding-right: 15px;
-  padding-left: 15px;
-}
-
-code {
-  font-size: 80%;
-}
diff --git a/site/content/docs/4.3/examples/sticky-footer/index.html b/site/content/docs/4.3/examples/sticky-footer/index.html
index 441e499424..3e52a62e3c 100644
--- a/site/content/docs/4.3/examples/sticky-footer/index.html
+++ b/site/content/docs/4.3/examples/sticky-footer/index.html
@@ -17,7 +17,7 @@ include_js: false
   </div>
 </main>
 
-<footer class="footer mt-auto py-3">
+<footer class="footer mt-auto py-3 bg-light">
   <div class="container">
     <span class="text-muted">Place sticky footer content here.</span>
   </div>
diff --git a/site/content/docs/4.3/examples/sticky-footer/sticky-footer.css b/site/content/docs/4.3/examples/sticky-footer/sticky-footer.css
index 7e85cdd2aa..f8be437294 100644
--- a/site/content/docs/4.3/examples/sticky-footer/sticky-footer.css
+++ b/site/content/docs/4.3/examples/sticky-footer/sticky-footer.css
@@ -7,7 +7,3 @@
   max-width: 680px;
   padding: 0 15px;
 }
-
-.footer {
-  background-color: #f5f5f5;
-}