clones/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-09-25 12:37:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed up examples more

Browse Source 
* sticky footer side scrolling
* static and fixed navbar more similar
* min-height on static and fixed navbar examples to illustrate
differences

last two items fix #9702
This commit is contained in:
Mark Otto 2013-08-16 11:35:19 -07:00
parent e5f38207e0
commit 4d36992180
5 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
examples/navbar-fixed-top/index.html
View File

@ -61,7 +61,8 @@
<!-- Main component for a primary marketing message or call to action -->
<div class="jumbotron">
<h1>Navbar example</h1>
<p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<p>To see the difference between static and fixed top navbars, just scroll.</p>
<p>
<a class="btn btn-large btn-primary" href="../../components/#navbar">View navbar docs &raquo;</a>
</p>

7
examples/navbar-fixed-top/navbar-fixed-top.css
View File

@ -1,7 +1,4 @@
body {
padding-top: 60px;
min-height: 2000px;
padding-top: 70px;
}
.jumbotron {
margin-top: 20px;
}

3
examples/navbar-static-top/index.html
View File

@ -62,7 +62,8 @@
<!-- Main component for a primary marketing message or call to action -->
<div class="jumbotron">
<h1>Navbar example</h1>
<p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<p>To see the difference between static and fixed top navbars, just scroll.</p>
<p>
<a class="btn btn-large btn-primary" href="../../components/#navbar">View navbar docs &raquo;</a>
</p>

8
examples/navbar-static-top/navbar-static-top.css
View File

@ -1,3 +1,7 @@
.jumbotron {
margin-top: 30px;
body {
min-height: 2000px;
}
.navbar-static-top {
margin-bottom: 19px;
}

9
examples/sticky-footer/sticky-footer.css
View File

@ -24,15 +24,6 @@ body {
background-color: #f5f5f5;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
}
/* Custom page CSS
-------------------------------------------------- */