rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-02 02:29:24 +01:00
Code Issues Actions Packages Releases Activity

center example sites in docs on mobile

Browse Source
This commit is contained in:
Mark Otto 2011-12-11 01:58:06 -08:00
parent 95048c271e
commit 401f84a7ec
3 changed files with 31 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bootstrap.css vendored
View File

@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0 * http://www.apache.org/licenses/LICENSE-2.0
* *
* Designed and built with all the love in the world @twitter by @mdo and @fat. * Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Sun Dec 11 01:03:44 PST 2011 * Date: Sun Dec 11 01:57:49 PST 2011
*/ */
html, body { html, body {
margin: 0; margin: 0;

20
docs/assets/css/docs.css
View File

@ -323,6 +323,11 @@ h2 + table {
-------------------------------------------------- */ -------------------------------------------------- */
@media (max-width: 480px) { @media (max-width: 480px) {
/* Reduce padding above jumbotron */
body {
padding-top: 70px;
}
/* Change up some type stuff */ /* Change up some type stuff */
h1 small { h1 small {
display: block; display: block;
@ -362,6 +367,21 @@ h2 + table {
.quick-links { .quick-links {
margin: 40px 0 0; margin: 40px 0 0;
} }
/* hide the bullets on mobile since our horizontal space is limited */
.quick-links .divider {
display: none;
}
/* center example sites */
.example-sites {
margin-left: 0;
}
.example-sites a {
float: none;
display: block;
max-width: 300px;
margin: 0 auto 18px;
}
} }

11
docs/index.html
View File

@ -54,7 +54,7 @@
<header class="jumbotron masthead"> <header class="jumbotron masthead">
<div class="inner"> <div class="inner">
<h1>Bootstrap,<br> from Twitter</h1> <h1>Bootstrap,<br> from Twitter</h1>
<p class="lead">Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components.</p> <p class="lead">Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.</p>
<p class="download-info"> <p class="download-info">
<a href="https://github.com/twitter/bootstrap/" class="btn primary btn-large">Download on GitHub</a> <a href="https://github.com/twitter/bootstrap/" class="btn primary btn-large">Download on GitHub</a>
<a href="./scaffolding.html" class="btn btn-large">Get started &rarr;</a> <a href="./scaffolding.html" class="btn btn-large">Get started &rarr;</a>
@ -236,6 +236,15 @@
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// When ready...
window.addEventListener("load",function() {
// Set a timeout...
setTimeout(function(){
// Hide the address bar!
window.scrollTo(0, 1);
}, 0);
});
// NOT FINAL BY ANY MEANS, JUST MAH JANK CODE BRO // NOT FINAL BY ANY MEANS, JUST MAH JANK CODE BRO
$(document).ready(function() { $(document).ready(function() {
$('.nav .active').click(function(e) { $('.nav .active').click(function(e) {