0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00

docs cleanup around alignment on homepage and footers

This commit is contained in:
Mark Otto 2013-08-18 21:15:07 -07:00
parent 2713a75156
commit 1a8d1b7586
4 changed files with 38 additions and 19 deletions

View File

@ -52,19 +52,21 @@
<!-- Footer
================================================== -->
<footer class="bs-footer" role="contentinfo">
{% include social-buttons.html %}
<div class="container">
{% include social-buttons.html %}
<p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
<p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
<ul class="footer-links">
<li><a href="{{ page.base_url }}2.3.2/">Bootstrap 2.3.2 docs</a></li>
<li class="muted">&middot;</li>
<li><a href="{{ site.blog }}">Blog</a></li>
<li class="muted">&middot;</li>
<li><a href="{{ site.repo }}/issues?state=open">Issues</a></li>
<li class="muted">&middot;</li>
<li><a href="{{ site.repo }}/releases">Releases</a></li>
</ul>
<p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
<p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
<ul class="footer-links">
<li><a href="{{ page.base_url }}2.3.2/">Bootstrap 2.3.2 docs</a></li>
<li class="muted">&middot;</li>
<li><a href="{{ site.blog }}">Blog</a></li>
<li class="muted">&middot;</li>
<li><a href="{{ site.repo }}/issues?state=open">Issues</a></li>
<li class="muted">&middot;</li>
<li><a href="{{ site.repo }}/releases">Releases</a></li>
</ul>
</div>
</footer>
<!-- JS and analytics only. -->

View File

@ -18,7 +18,12 @@
{% include social-buttons.html %}
<ul class="bs-masthead-links">
<li><a href="{{ page.base_url }}2.3.2/">Bootstrap 2.3.2 docs</a></li>
<li class="current-version">
Currently v3.0.0
</li>
<li>
<a href="{{ page.base_url }}2.3.2/">Bootstrap 2.3.2 docs</a>
</li>
<li>
<a href="{{ site.repo }}" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
</li>

View File

@ -120,11 +120,9 @@ body {
padding-top: 40px;
padding-bottom: 30px;
margin-top: 100px;
border-top: 1px solid #e5e5e5;
}
.bs-footer p {
margin-bottom: 0;
color: #777;
text-align: center;
border-top: 1px solid #e5e5e5;
}
.footer-links {
margin: 10px 0;
@ -138,6 +136,15 @@ body {
padding-left: 0;
}
@media (min-width: 768px) {
.bs-footer {
text-align: left;
}
.bs-footer p {
margin-bottom: 0;
}
}
/*
* Social buttons
@ -148,6 +155,7 @@ body {
.bs-social {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.bs-social-buttons {
display: inline-block;
@ -173,6 +181,9 @@ body {
}
@media screen and (min-width: 768px) {
.bs-social {
text-align: left;
}
.bs-social-buttons li:first-child {
padding-left: 0;
}
@ -224,10 +235,10 @@ body {
margin-bottom: 20px;
padding: 0 15px;
list-style: none;
text-align: center;
}
.bs-masthead-links li {
display: inline;
color: #999;
}
.bs-masthead-links li + li {
margin-left: 20px;
@ -251,6 +262,7 @@ body {
}
.bs-masthead-links {
padding: 0;
text-align: left;
}
}

View File

@ -6,7 +6,7 @@ base_url: "./"
<main class="bs-masthead" id="content" role="main">
<div class="container">
<h1>Bootstrap 3</h1>
<h1>Bootstrap</h1>
<p class="lead">Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.</p>
<p>
<a href="{{ site.download }}" class="btn btn-outline-inverse btn-lg" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 3.0.0']);">Download Bootstrap</a>