mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
center example sites in docs on mobile
This commit is contained in:
parent
95048c271e
commit
401f84a7ec
2
bootstrap.css
vendored
2
bootstrap.css
vendored
@ -6,7 +6,7 @@
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* 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 {
|
||||
margin: 0;
|
||||
|
@ -323,6 +323,11 @@ h2 + table {
|
||||
-------------------------------------------------- */
|
||||
@media (max-width: 480px) {
|
||||
|
||||
/* Reduce padding above jumbotron */
|
||||
body {
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
/* Change up some type stuff */
|
||||
h1 small {
|
||||
display: block;
|
||||
@ -362,6 +367,21 @@ h2 + table {
|
||||
.quick-links {
|
||||
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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
@ -54,7 +54,7 @@
|
||||
<header class="jumbotron masthead">
|
||||
<div class="inner">
|
||||
<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">
|
||||
<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 →</a>
|
||||
@ -236,6 +236,15 @@
|
||||
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
|
||||
|
||||
<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
|
||||
$(document).ready(function() {
|
||||
$('.nav .active').click(function(e) {
|
||||
|
Loading…
Reference in New Issue
Block a user