0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00

Examples: make use of core utils in more places.

This commit is contained in:
XhmikosR 2019-05-15 11:51:45 +03:00
parent 543ff4e3e5
commit 8c61254919
7 changed files with 5 additions and 28 deletions

View File

@ -68,5 +68,3 @@
flex: 1;
}
}
.overflow-hidden { overflow: hidden; }

View File

@ -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>

View File

@ -1,7 +1,3 @@
body {
padding-top: 5rem;
}
.starter-template {
padding: 3rem 1.5rem;
text-align: center;
}

View File

@ -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>

View File

@ -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%;
}

View File

@ -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>

View File

@ -7,7 +7,3 @@
max-width: 680px;
padding: 0 15px;
}
.footer {
background-color: #f5f5f5;
}