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

Mo betta placement of old docs callouts

This commit is contained in:
Mark Otto 2013-07-26 01:43:43 -07:00
parent 995add132e
commit 5d766d9e2f
4 changed files with 36 additions and 31 deletions

View File

@ -10,9 +10,6 @@
<!-- Docs master nav -->
{% include nav-main.html %}
<!-- Callout for the old docs link -->
{% include old-bs-docs.html %}
<!-- Docs page layout -->
<div class="bs-header">
<div class="container">
@ -24,6 +21,9 @@
</div>
</div>
<!-- Callout for the old docs link -->
{% include old-bs-docs.html %}
<div class="container bs-docs-container">
<div class="row">
<div class="col-lg-3">

View File

@ -10,11 +10,30 @@
<!-- Docs master nav -->
{% include nav-main.html %}
<!-- Page content of course! -->
{{ content }}
<!-- Callout for the old docs link -->
{% include old-bs-docs.html %}
<!-- Page content of course! -->
{{ content }}
<div class="container">
{% include social-buttons.html %}
<ul class="bs-masthead-links">
<li>
<a href="http://github.com/twbs/bootstrap" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
</li>
<li>
<a href="http://examples.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Examples']);">Examples</a>
</li>
<li>
<a href="http://glyphicons.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Glyphicons']);">Glyphicons</a>
</li>
<li>
<a href="http://expo.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Expo']);">Bootstrap Expo</a>
</li>
</ul>
</div>
<!-- JS and analytics only. -->
{% include footer.html %}

View File

@ -72,6 +72,10 @@ body {
.bs-old-docs strong {
color: #555;
}
.bs-docs-home .bs-old-docs {
text-align: center;
border-top: 1px solid #e5e5e5;
}
/* Homepage masthead
@ -79,7 +83,6 @@ body {
.bs-masthead {
position: relative;
margin-bottom: 20px;
padding: 30px 15px;
text-align: center;
}
@ -87,9 +90,6 @@ body {
font-size: 50px;
line-height: 1;
}
.bs-masthead .bs-social {
margin-top: 80px;
}
/* Download button */
.bs-masthead .btn-bs {
@ -100,11 +100,16 @@ body {
}
/* Textual links */
.bs-social {
margin-top: 30px;
text-align: center;
}
.bs-masthead-links {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
list-style: none;
text-align: center;
}
.bs-masthead-links li {
display: inline;

View File

@ -3,31 +3,12 @@ layout: home
title: Bootstrap
---
<div class="container">
<div class="bs-masthead">
<h1>Bootstrap 3 RC1</h1>
<div class="bs-masthead">
<div class="container">
<h1>Bootstrap 3</h1>
<p class="lead">Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p>
<p>
<a href="assets/bootstrap.zip" class="btn btn-bs btn-large" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 3.0.0 RC1']);">Download Bootstrap</a>
</p>
{% include social-buttons.html %}
<ul class="bs-masthead-links">
<li>
<a href="http://github.com/twbs/bootstrap" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
</li>
<li>
<a href="http://examples.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Examples']);">Examples</a>
</li>
<li>
<a href="http://glyphicons.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Glyphicons']);">Glyphicons</a>
</li>
<li>
<a href="http://expo.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Expo']);">Bootstrap Expo</a>
</li>
</ul>
</div>
</div>