0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00

footer overhaul again

This commit is contained in:
Mark Otto 2015-08-05 00:54:30 -07:00
parent 97bcfb9e7f
commit bc88c90b2c
4 changed files with 27 additions and 15 deletions

View File

@ -1,6 +1,6 @@
<footer class="bd-footer" role="contentinfo">
<div class="bd-container">
<ul class="bd-footer-links text-muted">
<footer class="bd-footer text-muted" role="contentinfo">
<div class="container">
<ul class="bd-footer-links">
<li><a href="{{ site.repo }}">GitHub</a></li>
<li><a href="https://twitter.com/getbootstrap">Twitter</a></li>
<li><a href="../getting-started/#examples">Examples</a></li>

View File

@ -395,14 +395,18 @@
border-radius: .25rem; } }
.bd-footer {
padding-top: 2rem;
margin-top: 2rem;
padding: 4rem 0;
margin-top: 4rem;
font-size: 85%;
color: #8e869d;
text-align: center;
background-color: #2a2730; }
background-color: #f7f7f7;
text-align: center; }
.bd-footer a {
color: #fff; }
font-weight: 500;
color: #55595c; }
.bd-footer a:hover {
color: #0275d8; }
.bd-footer p {
margin-bottom: 0; }
@media (min-width: 34em) {
.bd-footer {
text-align: left; } }

File diff suppressed because one or more lines are too long

View File

@ -3,15 +3,23 @@
//
.bd-footer {
padding-top: 2rem;
margin-top: 2rem;
padding: 4rem 0;
margin-top: 4rem;
font-size: 85%;
color: $bd-graphite-light;
background-color: #f7f7f7;
text-align: center;
background-color: $bd-graphite;
a {
color: #fff;
font-weight: 500;
color: $gray;
&:hover {
color: $link-color;
}
}
p {
margin-bottom: 0;
}
@include media-breakpoint-up(sm) {