mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 20:55:50 +02:00
Code Issues Releases Wiki Activity

Examples: make use of core utils in more places.

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
site/content/docs/4.3/examples/product/product.css
View File

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

2
site/content/docs/4.3/examples/starter-template/index.html
View File

@@ -40,7 +40,7 @@ extra_css:
<main role="main" class="container"> <main role="main" class="container">
<div class="starter-template"> <div class="starter-template text-center py-5 px-3">
<h1>Bootstrap starter template</h1> <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> <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> </div>

4
site/content/docs/4.3/examples/starter-template/starter-template.css
View File

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

6
site/content/docs/4.3/examples/sticky-footer-navbar/index.html
View File

@@ -38,13 +38,13 @@ body_class: "d-flex flex-column h-100"
<main role="main" class="flex-shrink-0"> <main role="main" class="flex-shrink-0">
<div class="container"> <div class="container">
<h1 class="mt-5">Sticky footer with fixed navbar</h1> <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> <p>Back to <a href="{{< docsref "/examples/sticky-footer" >}}">the default sticky footer</a> minus the navbar.</p>
</div> </div>
</main> </main>
<footer class="footer mt-auto py-3"> <footer class="footer mt-auto py-3 bg-light">
<div class="container"> <div class="container px-3">
<span class="text-muted">Place sticky footer content here.</span> <span class="text-muted">Place sticky footer content here.</span>
</div> </div>
</footer> </footer>

13
site/content/docs/4.3/examples/sticky-footer-navbar/sticky-footer-navbar.css
View File

@@ -5,16 +5,3 @@
main > .container { main > .container {
padding: 60px 15px 0; padding: 60px 15px 0;
} }
.footer {
background-color: #f5f5f5;
}
.footer > .container {
padding-right: 15px;
padding-left: 15px;
}
code {
font-size: 80%;
}

2
site/content/docs/4.3/examples/sticky-footer/index.html
View File

@@ -17,7 +17,7 @@ include_js: false
</div> </div>
</main> </main>
<footer class="footer mt-auto py-3"> <footer class="footer mt-auto py-3 bg-light">
<div class="container"> <div class="container">
<span class="text-muted">Place sticky footer content here.</span> <span class="text-muted">Place sticky footer content here.</span>
</div> </div>

4
site/content/docs/4.3/examples/sticky-footer/sticky-footer.css
View File

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