1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-01 17:32:41 +02: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 --> <!-- Docs master nav -->
{% include nav-main.html %} {% include nav-main.html %}
<!-- Callout for the old docs link -->
{% include old-bs-docs.html %}
<!-- Docs page layout --> <!-- Docs page layout -->
<div class="bs-header"> <div class="bs-header">
<div class="container"> <div class="container">
@@ -24,6 +21,9 @@
</div> </div>
</div> </div>
<!-- Callout for the old docs link -->
{% include old-bs-docs.html %}
<div class="container bs-docs-container"> <div class="container bs-docs-container">
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">

View File

@@ -10,11 +10,30 @@
<!-- Docs master nav --> <!-- Docs master nav -->
{% include nav-main.html %} {% include nav-main.html %}
<!-- Page content of course! -->
{{ content }}
<!-- Callout for the old docs link --> <!-- Callout for the old docs link -->
{% include old-bs-docs.html %} {% include old-bs-docs.html %}
<!-- Page content of course! --> <div class="container">
{{ content }} {% 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. --> <!-- JS and analytics only. -->
{% include footer.html %} {% include footer.html %}

View File

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

View File

@@ -3,31 +3,12 @@ layout: home
title: Bootstrap title: Bootstrap
--- ---
<div class="container"> <div class="bs-masthead">
<div class="bs-masthead"> <div class="container">
<h1>Bootstrap 3</h1>
<h1>Bootstrap 3 RC1</h1>
<p class="lead">Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p> <p class="lead">Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p>
<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> <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> </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>
</div> </div>