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 62110018efe973f6d7773c05e1bf1d42dfd401d8..03e6167937fe0719d1524d31a716a9ee075dd494 100644 (file)
--- 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 001d1e60ec42d6522d987c6854c4812894ff83e3..dcd6d8732de7f1f96dc27f72c7f70c88d963190e 100644 (file)
--- 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 5f64cd294e36174df2fb1c9a75f29ab95b1d1376..6fb709105168b735933b3543566cbe83cca09057 100644 (file)
--- 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 2d412a587a405c017c4cecc23ac6dd25753d8827..34d4d0d294b23de683cd2682d4f92670039a816a 100644 (file)
--- 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 b4696dab6efd7593c28742f4c0c935c3f62dfac3..3087ead7dbdee49987e4b0c0f0097acf5cd2a63c 100644 (file)
--- 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 441e499424fe271801c173b5745914acb2f89f50..3e52a62e3cdd504c9c74c818506c0588346094d4 100644 (file)
--- 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 7e85cdd2aae664c8fc82244b5814b3bdf91a1951..f8be437294576fdff0679a54a6b6a9279fb43437 100644 (file)
--- 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;
-}