Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
B
bootstrap
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
bootstrap
Commits
0765ea43
Commit
0765ea43
authored
Feb 14, 2013
by
Mark Otto
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Make example pages use Jekyll; add sticky footer navbar image to examples
parent
407e935c
Changes
8
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
1070 additions
and
1439 deletions
+1070
-1439
carousel.html
carousel.html
+393
-444
jumbotron-narrow.html
jumbotron-narrow.html
+128
-173
jumbotron.html
jumbotron.html
+106
-151
justified-nav.html
justified-nav.html
+141
-192
signin.html
signin.html
+68
-113
starter-template.html
starter-template.html
+41
-83
sticky-footer-navbar.html
sticky-footer-navbar.html
+113
-158
sticky-footer.html
sticky-footer.html
+80
-125
No files found.
carousel.html
View file @
0765ea43
This diff is collapsed.
Click to expand it.
jumbotron-narrow.html
View file @
0765ea43
<!DOCTYPE html>
---
<html
lang=
"en"
>
layout: example
<head>
title: Narrow page template
<meta
charset=
"utf-8"
>
---
<title>
Narrow page template
·
Bootstrap
</title>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<!-- Custom styles for this template -->
<meta
name=
"description"
content=
""
>
<style>
<meta
name=
"author"
content=
""
>
<!-- Bootstrap core CSS -->
<link
href=
"../assets/css/bootstrap.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond/respond.min.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"144x144"
href=
"../assets/ico/apple-touch-icon-144-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"114x114"
href=
"../assets/ico/apple-touch-icon-114-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"72x72"
href=
"../assets/ico/apple-touch-icon-72-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
href=
"../assets/ico/apple-touch-icon-57-precomposed.png"
>
<link
rel=
"shortcut icon"
href=
"../assets/ico/favicon.png"
>
<!-- Custom styles for this template -->
<style>
/* Space out content a bit */
/* Space out content a bit */
body
{
body
{
padding-top
:
20px
;
padding-top
:
20px
;
...
@@ -95,14 +75,11 @@
...
@@ -95,14 +75,11 @@
margin-bottom
:
30px
;
margin-bottom
:
30px
;
}
}
}
}
</style>
</style>
</head>
<body>
<div
class=
"container-narrow"
>
<div
class=
"container-narrow"
>
<div
class=
"masthead"
>
<div
class=
"masthead"
>
<ul
class=
"nav nav-pills pull-right"
>
<ul
class=
"nav nav-pills pull-right"
>
<li
class=
"active"
><a
href=
"#"
>
Home
</a></li>
<li
class=
"active"
><a
href=
"#"
>
Home
</a></li>
...
@@ -148,26 +125,4 @@
...
@@ -148,26 +125,4 @@
<p>
©
Company 2013
</p>
<p>
©
Company 2013
</p>
</div>
</div>
</div>
<!-- /container -->
</div>
<!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../assets/js/bootstrap-transition.js"
></script>
<script
src=
"../assets/js/bootstrap-alert.js"
></script>
<script
src=
"../assets/js/bootstrap-modal.js"
></script>
<script
src=
"../assets/js/bootstrap-dropdown.js"
></script>
<script
src=
"../assets/js/bootstrap-scrollspy.js"
></script>
<script
src=
"../assets/js/bootstrap-tab.js"
></script>
<script
src=
"../assets/js/bootstrap-tooltip.js"
></script>
<script
src=
"../assets/js/bootstrap-popover.js"
></script>
<script
src=
"../assets/js/bootstrap-button.js"
></script>
<script
src=
"../assets/js/bootstrap-collapse.js"
></script>
<script
src=
"../assets/js/bootstrap-carousel.js"
></script>
<script
src=
"../assets/js/bootstrap-typeahead.js"
></script>
</body>
</html>
jumbotron.html
View file @
0765ea43
<!DOCTYPE html>
---
<html
lang=
"en"
>
layout: example
<head>
title: Jumbotron template
<meta
charset=
"utf-8"
>
---
<title>
Jumbotron template
·
Bootstrap
</title>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
""
>
<meta
name=
"author"
content=
""
>
<!-- Bootstrap core CSS -->
<!-- Custom styles for this template -->
<link
href=
"../assets/css/bootstrap.css"
rel=
"stylesheet"
>
<style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond/respond.min.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"144x144"
href=
"../assets/ico/apple-touch-icon-144-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"114x114"
href=
"../assets/ico/apple-touch-icon-114-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"72x72"
href=
"../assets/ico/apple-touch-icon-72-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
href=
"../assets/ico/apple-touch-icon-57-precomposed.png"
>
<link
rel=
"shortcut icon"
href=
"../assets/ico/favicon.png"
>
<!-- Custom styles for this template -->
<style>
/* Move down content because we have a fixed navbar that is 50px tall */
/* Move down content because we have a fixed navbar that is 50px tall */
body
{
body
{
padding-top
:
50px
;
padding-top
:
50px
;
...
@@ -55,12 +35,9 @@
...
@@ -55,12 +35,9 @@
padding
:
0
;
padding
:
0
;
}
}
}
}
</style>
</style>
</head>
<body>
<div
class=
"navbar navbar-inverse navbar-fixed-top"
>
<div
class=
"navbar navbar-inverse navbar-fixed-top"
>
<div
class=
"container"
>
<div
class=
"container"
>
<a
class=
"btn btn-navbar"
data-toggle=
"collapse"
data-target=
".nav-collapse"
>
<a
class=
"btn btn-navbar"
data-toggle=
"collapse"
data-target=
".nav-collapse"
>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
...
@@ -93,9 +70,9 @@
...
@@ -93,9 +70,9 @@
</form>
</form>
</div>
<!--/.nav-collapse -->
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
</div>
<div
class=
"container"
>
<div
class=
"container"
>
<!-- Main jumbotron for a primary marketing message or call to action -->
<!-- Main jumbotron for a primary marketing message or call to action -->
<div
class=
"jumbotron"
>
<div
class=
"jumbotron"
>
...
@@ -132,26 +109,4 @@
...
@@ -132,26 +109,4 @@
</footer>
</footer>
</div>
</div>
</div>
<!-- /container -->
</div>
<!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../assets/js/bootstrap-transition.js"
></script>
<script
src=
"../assets/js/bootstrap-alert.js"
></script>
<script
src=
"../assets/js/bootstrap-modal.js"
></script>
<script
src=
"../assets/js/bootstrap-dropdown.js"
></script>
<script
src=
"../assets/js/bootstrap-scrollspy.js"
></script>
<script
src=
"../assets/js/bootstrap-tab.js"
></script>
<script
src=
"../assets/js/bootstrap-tooltip.js"
></script>
<script
src=
"../assets/js/bootstrap-popover.js"
></script>
<script
src=
"../assets/js/bootstrap-button.js"
></script>
<script
src=
"../assets/js/bootstrap-collapse.js"
></script>
<script
src=
"../assets/js/bootstrap-carousel.js"
></script>
<script
src=
"../assets/js/bootstrap-typeahead.js"
></script>
</body>
</html>
justified-nav.html
View file @
0765ea43
<!DOCTYPE html>
---
<html
lang=
"en"
>
layout: example
<head>
title: Justified nav template
<meta
charset=
"utf-8"
>
---
<title>
Justified nav template
·
Bootstrap
</title>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<!-- Custom styles for this template -->
<meta
name=
"description"
content=
""
>
<style>
<meta
name=
"author"
content=
""
>
<!-- Bootstrap core CSS -->
<link
href=
"../assets/css/bootstrap.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond/respond.min.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"144x144"
href=
"../assets/ico/apple-touch-icon-144-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"114x114"
href=
"../assets/ico/apple-touch-icon-114-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"72x72"
href=
"../assets/ico/apple-touch-icon-72-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
href=
"../assets/ico/apple-touch-icon-57-precomposed.png"
>
<link
rel=
"shortcut icon"
href=
"../assets/ico/favicon.png"
>
<!-- Custom styles for this template -->
<style>
body
{
body
{
padding-top
:
20px
;
padding-top
:
20px
;
...
@@ -38,12 +18,6 @@
...
@@ -38,12 +18,6 @@
padding-right
:
15px
;
padding-right
:
15px
;
}
}
/* Custom container */
/* .container > hr {
margin: 60px 0;
}
*/
.footer
{
.footer
{
border-top
:
1px
solid
#ddd
;
border-top
:
1px
solid
#ddd
;
margin-top
:
30px
;
margin-top
:
30px
;
...
@@ -115,14 +89,11 @@
...
@@ -115,14 +89,11 @@
/* Make the nav on the same line */
/* Make the nav on the same line */
}
}
</style>
</style>
</head>
<body>
<div
class=
"container"
>
<div
class=
"container"
>
<div
class=
"masthead"
>
<div
class=
"masthead"
>
<h3
class=
"muted"
>
Project name
</h3>
<h3
class=
"muted"
>
Project name
</h3>
...
@@ -172,26 +143,4 @@
...
@@ -172,26 +143,4 @@
<p>
©
Company 2013
</p>
<p>
©
Company 2013
</p>
</div>
</div>
</div>
<!-- /container -->
</div>
<!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../assets/js/bootstrap-transition.js"
></script>
<script
src=
"../assets/js/bootstrap-alert.js"
></script>
<script
src=
"../assets/js/bootstrap-modal.js"
></script>
<script
src=
"../assets/js/bootstrap-dropdown.js"
></script>
<script
src=
"../assets/js/bootstrap-scrollspy.js"
></script>
<script
src=
"../assets/js/bootstrap-tab.js"
></script>
<script
src=
"../assets/js/bootstrap-tooltip.js"
></script>
<script
src=
"../assets/js/bootstrap-popover.js"
></script>
<script
src=
"../assets/js/bootstrap-button.js"
></script>
<script
src=
"../assets/js/bootstrap-collapse.js"
></script>
<script
src=
"../assets/js/bootstrap-carousel.js"
></script>
<script
src=
"../assets/js/bootstrap-typeahead.js"
></script>
</body>
</html>
signin.html
View file @
0765ea43
<!DOCTYPE html>
---
<html
lang=
"en"
>
layout: example
<head>
title: Sign in form template
<meta
charset=
"utf-8"
>
---
<title>
Sign in form template
·
Bootstrap
</title>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
""
>
<meta
name=
"author"
content=
""
>
<!-- Bootstrap core CSS -->
<!-- Custom styles for this template -->
<link
href=
"../assets/css/bootstrap.css"
rel=
"stylesheet"
>
<style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond/respond.min.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"144x144"
href=
"../assets/ico/apple-touch-icon-144-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"114x114"
href=
"../assets/ico/apple-touch-icon-114-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"72x72"
href=
"../assets/ico/apple-touch-icon-72-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
href=
"../assets/ico/apple-touch-icon-57-precomposed.png"
>
<link
rel=
"shortcut icon"
href=
"../assets/ico/favicon.png"
>
<!-- Custom styles for this template -->
<style>
body
{
body
{
padding-top
:
40px
;
padding-top
:
40px
;
...
@@ -69,14 +49,11 @@
...
@@ -69,14 +49,11 @@
border-top-right-radius
:
0
;
border-top-right-radius
:
0
;
}
}
</style>
</style>
</head>
<body>
<div
class=
"container"
>
<div
class=
"container"
>
<form
class=
"form-signin"
>
<form
class=
"form-signin"
>
<h2
class=
"form-signin-heading"
>
Please sign in
</h2>
<h2
class=
"form-signin-heading"
>
Please sign in
</h2>
...
@@ -88,26 +65,4 @@
...
@@ -88,26 +65,4 @@
<button
class=
"btn btn-large btn-primary btn-block"
type=
"submit"
>
Sign in
</button>
<button
class=
"btn btn-large btn-primary btn-block"
type=
"submit"
>
Sign in
</button>
</form>
</form>
</div>
<!-- /container -->
</div>
<!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../assets/js/bootstrap-transition.js"
></script>
<script
src=
"../assets/js/bootstrap-alert.js"
></script>
<script
src=
"../assets/js/bootstrap-modal.js"
></script>
<script
src=
"../assets/js/bootstrap-dropdown.js"
></script>
<script
src=
"../assets/js/bootstrap-scrollspy.js"
></script>
<script
src=
"../assets/js/bootstrap-tab.js"
></script>
<script
src=
"../assets/js/bootstrap-tooltip.js"
></script>
<script
src=
"../assets/js/bootstrap-popover.js"
></script>
<script
src=
"../assets/js/bootstrap-button.js"
></script>
<script
src=
"../assets/js/bootstrap-collapse.js"
></script>
<script
src=
"../assets/js/bootstrap-carousel.js"
></script>
<script
src=
"../assets/js/bootstrap-typeahead.js"
></script>
</body>
</html>
starter-template.html
View file @
0765ea43
<!DOCTYPE html>
---
<html
lang=
"en"
>
layout: example
<head>
title: Starter template
<meta
charset=
"utf-8"
>
---
<title>
Starter template
·
Bootstrap
</title>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
""
>
<meta
name=
"author"
content=
""
>
<!-- Bootstrap core CSS -->
<!-- Custom styles for this template -->
<link
href=
"../assets/css/bootstrap.css"
rel=
"stylesheet"
>
<style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond/respond.min.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"144x144"
href=
"../assets/ico/apple-touch-icon-144-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"114x114"
href=
"../assets/ico/apple-touch-icon-114-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"72x72"
href=
"../assets/ico/apple-touch-icon-72-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
href=
"../assets/ico/apple-touch-icon-57-precomposed.png"
>
<link
rel=
"shortcut icon"
href=
"../assets/ico/favicon.png"
>
<!-- Custom styles for this template -->
<style>
body
{
body
{
padding-top
:
50px
;
padding-top
:
50px
;
}
}
...
@@ -32,12 +12,10 @@
...
@@ -32,12 +12,10 @@
padding
:
40px
15px
;
padding
:
40px
15px
;
text-align
:
center
;
text-align
:
center
;
}
}
</style>
</style>
</head>
<body>
<div
class=
"navbar navbar-inverse navbar-fixed-top"
>
<div
class=
"navbar navbar-inverse navbar-fixed-top"
>
<div
class=
"navbar-inner"
>
<div
class=
"navbar-inner"
>
<div
class=
"container"
>
<div
class=
"container"
>
<button
type=
"button"
class=
"btn btn-navbar"
data-toggle=
"collapse"
data-target=
".nav-collapse"
>
<button
type=
"button"
class=
"btn btn-navbar"
data-toggle=
"collapse"
data-target=
".nav-collapse"
>
...
@@ -55,33 +33,13 @@
...
@@ -55,33 +33,13 @@
</div>
<!--/.nav-collapse -->
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"container"
>
<div
class=
"container"
>
<div
class=
"starter-template"
>
<div
class=
"starter-template"
>
<h1>
Bootstrap starter template
</h1>
<h1>
Bootstrap starter template
</h1>
<p
class=
"lead"
>
Use this document as a way to quickly start any new project.
<br>
All you get is this text and a mostly barebones HTML document.
</p>
<p
class=
"lead"
>
Use this document as a way to quickly start any new project.
<br>
All you get is this text and a mostly barebones HTML document.
</p>
</div>
</div>
</div>
<!-- /container -->
</div>
<!-- /container -->
\ No newline at end of file
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../assets/js/bootstrap-transition.js"
></script>
<script
src=
"../assets/js/bootstrap-alert.js"
></script>
<script
src=
"../assets/js/bootstrap-modal.js"
></script>
<script
src=
"../assets/js/bootstrap-dropdown.js"
></script>
<script
src=
"../assets/js/bootstrap-scrollspy.js"
></script>
<script
src=
"../assets/js/bootstrap-tab.js"
></script>
<script
src=
"../assets/js/bootstrap-tooltip.js"
></script>
<script
src=
"../assets/js/bootstrap-popover.js"
></script>
<script
src=
"../assets/js/bootstrap-button.js"
></script>
<script
src=
"../assets/js/bootstrap-collapse.js"
></script>
<script
src=
"../assets/js/bootstrap-carousel.js"
></script>
<script
src=
"../assets/js/bootstrap-typeahead.js"
></script>
</body>
</html>
sticky-footer-navbar.html
View file @
0765ea43
<!DOCTYPE html>
---
<html
lang=
"en"
>
layout: example
<head>
title: Sticky footer with navbar template
<meta
charset=
"utf-8"
>
---
<title>
Sticky footer with navbar template
·
Bootstrap
</title>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<!-- Custom styles for this template -->
<meta
name=
"description"
content=
""
>
<style>
<meta
name=
"author"
content=
""
>
<!-- Bootstrap core CSS -->
<link
href=
"../assets/css/bootstrap.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond/respond.min.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"144x144"
href=
"../assets/ico/apple-touch-icon-144-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"114x114"
href=
"../assets/ico/apple-touch-icon-114-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"72x72"
href=
"../assets/ico/apple-touch-icon-72-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
href=
"../assets/ico/apple-touch-icon-57-precomposed.png"
>
<link
rel=
"shortcut icon"
href=
"../assets/ico/favicon.png"
>
<!-- Custom styles for this template -->
<style>
/* Sticky footer styles
/* Sticky footer styles
-------------------------------------------------- */
-------------------------------------------------- */
...
@@ -80,15 +60,12 @@
...
@@ -80,15 +60,12 @@
font-size
:
80%
;
font-size
:
80%
;
}
}
</style>
</style>
</head>
<body>
<!-- Wrap all page content here -->
<!-- Wrap all page content here -->
<div
id=
"wrap"
>
<div
id=
"wrap"
>
<!-- Fixed navbar -->
<!-- Fixed navbar -->
<div
class=
"navbar navbar-fixed-top"
>
<div
class=
"navbar navbar-fixed-top"
>
...
@@ -131,32 +108,10 @@
...
@@ -131,32 +108,10 @@
</div>
</div>
<div
id=
"push"
></div>
<div
id=
"push"
></div>
</div>
</div>
<div
id=
"footer"
>
<div
id=
"footer"
>
<div
class=
"container"
>
<div
class=
"container"
>
<p
class=
"muted credit"
>
Example courtesy
<a
href=
"http://martinbean.co.uk"
>
Martin Bean
</a>
and
<a
href=
"http://ryanfait.com/sticky-footer/"
>
Ryan Fait
</a>
.
</p>
<p
class=
"muted credit"
>
Example courtesy
<a
href=
"http://martinbean.co.uk"
>
Martin Bean
</a>
and
<a
href=
"http://ryanfait.com/sticky-footer/"
>
Ryan Fait
</a>
.
</p>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../assets/js/bootstrap-transition.js"
></script>
<script
src=
"../assets/js/bootstrap-alert.js"
></script>
<script
src=
"../assets/js/bootstrap-modal.js"
></script>
<script
src=
"../assets/js/bootstrap-dropdown.js"
></script>
<script
src=
"../assets/js/bootstrap-scrollspy.js"
></script>
<script
src=
"../assets/js/bootstrap-tab.js"
></script>
<script
src=
"../assets/js/bootstrap-tooltip.js"
></script>
<script
src=
"../assets/js/bootstrap-popover.js"
></script>
<script
src=
"../assets/js/bootstrap-button.js"
></script>
<script
src=
"../assets/js/bootstrap-collapse.js"
></script>
<script
src=
"../assets/js/bootstrap-carousel.js"
></script>
<script
src=
"../assets/js/bootstrap-typeahead.js"
></script>
</body>
</html>
sticky-footer.html
View file @
0765ea43
<!DOCTYPE html>
---
<html
lang=
"en"
>
layout: example
<head>
title: Sticky footer template
<meta
charset=
"utf-8"
>
---
<title>
Sticky footer template
·
Bootstrap
</title>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
""
>
<meta
name=
"author"
content=
""
>
<!-- Bootstrap core CSS -->
<!-- Custom styles for this template -->
<link
href=
"../assets/css/bootstrap.css"
rel=
"stylesheet"
>
<style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond/respond.min.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"144x144"
href=
"../assets/ico/apple-touch-icon-144-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"114x114"
href=
"../assets/ico/apple-touch-icon-114-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
sizes=
"72x72"
href=
"../assets/ico/apple-touch-icon-72-precomposed.png"
>
<link
rel=
"apple-touch-icon-precomposed"
href=
"../assets/ico/apple-touch-icon-57-precomposed.png"
>
<link
rel=
"shortcut icon"
href=
"../assets/ico/favicon.png"
>
<!-- Custom styles for this template -->
<style>
/* Sticky footer styles
/* Sticky footer styles
-------------------------------------------------- */
-------------------------------------------------- */
...
@@ -75,15 +55,12 @@
...
@@ -75,15 +55,12 @@
margin
:
20px
0
;
margin
:
20px
0
;
}
}
</style>
</style>
</head>
<body>
<!-- Wrap all page content here -->
<!-- Wrap all page content here -->
<div
id=
"wrap"
>
<div
id=
"wrap"
>
<!-- Begin page content -->
<!-- Begin page content -->
<div
class=
"container"
>
<div
class=
"container"
>
...
@@ -95,32 +72,10 @@
...
@@ -95,32 +72,10 @@
</div>
</div>
<div
id=
"push"
></div>
<div
id=
"push"
></div>
</div>
</div>
<div
id=
"footer"
>
<div
id=
"footer"
>
<div
class=
"container"
>
<div
class=
"container"
>
<p
class=
"muted credit"
>
Example courtesy
<a
href=
"http://martinbean.co.uk"
>
Martin Bean
</a>
and
<a
href=
"http://ryanfait.com/sticky-footer/"
>
Ryan Fait
</a>
.
</p>
<p
class=
"muted credit"
>
Example courtesy
<a
href=
"http://martinbean.co.uk"
>
Martin Bean
</a>
and
<a
href=
"http://ryanfait.com/sticky-footer/"
>
Ryan Fait
</a>
.
</p>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../assets/js/bootstrap-transition.js"
></script>
<script
src=
"../assets/js/bootstrap-alert.js"
></script>
<script
src=
"../assets/js/bootstrap-modal.js"
></script>
<script
src=
"../assets/js/bootstrap-dropdown.js"
></script>
<script
src=
"../assets/js/bootstrap-scrollspy.js"
></script>
<script
src=
"../assets/js/bootstrap-tab.js"
></script>
<script
src=
"../assets/js/bootstrap-tooltip.js"
></script>
<script
src=
"../assets/js/bootstrap-popover.js"
></script>
<script
src=
"../assets/js/bootstrap-button.js"
></script>
<script
src=
"../assets/js/bootstrap-collapse.js"
></script>
<script
src=
"../assets/js/bootstrap-carousel.js"
></script>
<script
src=
"../assets/js/bootstrap-typeahead.js"
></script>
</body>
</html>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
