Bootstrap/docs/examples/sticky-footer-navbar/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Sticky Footer Navbar Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="sticky-footer-navbar.css" rel="stylesheet">
  </head>

  <body>

    <!-- Fixed navbar -->
    <div class="pos-f-t">
      <div class="collapse" id="navbar-header">
        <div class="container bg-inverse p-1">
          <h3>Collapsed content</h3>
          <p>Toggleable via the navbar brand.</p>
        </div>
      </div>
      <nav class="navbar navbar-light navbar-static-top bg-faded">
        <div class="container">
          <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2" aria-expanded="false" aria-controls="exCollapsingNavbar2" aria-label="Toggle navigation"></button>
          <div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
            <a class="navbar-brand" href="#">Sticky footer</a>
            <ul class="nav navbar-nav">
              <li class="nav-item active">
                <a class="nav-link" href="#">Nav item <span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Another nav item</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">More nav</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Last link</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </div>

    <!-- Begin page content -->
    <div class="container">
      <div class="mt-1">
        <h1>Sticky footer with fixed navbar</h1>
      </div>
      <p class="lead">Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code>padding-top: 60px;</code> on the <code>body &gt; .container</code>.</p>
      <p>Back to <a href="../sticky-footer">the default sticky footer</a> minus the navbar.</p>
    </div>

    <footer class="footer">
      <div class="container">
        <span class="text-muted">Place sticky footer content here.</span>
      </div>
    </footer>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="utf-8">`
Disable IE Compatibility Mode in docs, examples ...because we don't support it and it may cause problems for people trying to view the docs in IE. 2013-09-24 18:43:16 +02:00			`<meta http-equiv="X-UA-Compatible" content="IE=edge">`
Add shrink-to-fit viewport directive Fixes potential problems with iOS9's new viewport behavior - see for instance https://forums.developer.apple.com/thread/13510 2015-10-06 13:35:39 +02:00			`<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">`
Fix issue #15601 — Position of X-UA-Compatible Fix issue #15601 — Position of X-UA-Compatible, charset and viewport Add comment to all examples The non-responsive is correctly saying 2 instead of 3 2015-01-23 20:34:52 +01:00			`<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`<meta name="description" content="">`
			`<meta name="author" content="">`
Move apple-touch-icon-precomposed.png and favicon.ico in docs root. This way, it works in all browsers. 2014-03-25 08:30:04 +01:00			`<link rel="icon" href="../../favicon.ico">`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00
change file names to example names 2013-07-21 08:17:01 +02:00			`<title>Sticky Footer Navbar Template for Bootstrap</title>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00
			`<!-- Bootstrap core CSS -->`
fix assets links in all examples 2014-01-01 15:29:13 +01:00			`<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00
			`<!-- Custom styles for this template -->`
add git ignore 2013-07-21 08:30:08 +02:00			`<link href="sticky-footer-navbar.css" rel="stylesheet">`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`</head>`

			`<body>`

Sticky footers without any wrappers 2014-02-04 13:56:42 +01:00			`<!-- Fixed navbar -->`
fixes #18293: clean up sticky stuff 2015-12-08 07:05:37 +01:00			`<div class="pos-f-t">`
			`<div class="collapse" id="navbar-header">`
v4: Fix outdated utilites classes 2016-10-12 00:46:10 +02:00			`<div class="container bg-inverse p-1">`
fixes #18293: clean up sticky stuff 2015-12-08 07:05:37 +01:00			`<h3>Collapsed content</h3>`
			`<p>Toggleable via the navbar brand.</p>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`</div>`
			`</div>`
fixes #18293: clean up sticky stuff 2015-12-08 07:05:37 +01:00			`<nav class="navbar navbar-light navbar-static-top bg-faded">`
			`<div class="container">`
remove navbar-toggler unicode symbol in HTML remove current HTML-based symbol, add any missing aria-* attributes 2016-07-08 10:54:53 +02:00			`<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2" aria-expanded="false" aria-controls="exCollapsingNavbar2" aria-label="Toggle navigation"></button>`
fixes #18293: clean up sticky stuff 2015-12-08 07:05:37 +01:00			`<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">`
			`<a class="navbar-brand" href="#">Sticky footer</a>`
			`<ul class="nav navbar-nav">`
			`<li class="nav-item active">`
			`<a class="nav-link" href="#">Nav item <span class="sr-only">(current)</span></a>`
			`</li>`
			`<li class="nav-item">`
			`<a class="nav-link" href="#">Another nav item</a>`
			`</li>`
			`<li class="nav-item">`
			`<a class="nav-link" href="#">More nav</a>`
			`</li>`
			`<li class="nav-item">`
			`<a class="nav-link" href="#">Last link</a>`
			`</li>`
			`</ul>`
			`</div>`
			`</div>`
			`</nav>`
			`</div>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00
Sticky footers without any wrappers 2014-02-04 13:56:42 +01:00			`<!-- Begin page content -->`
			`<div class="container">`
v4: Fix outdated utilites classes 2016-10-12 00:46:10 +02:00			`<div class="mt-1">`
Sticky footers without any wrappers 2014-02-04 13:56:42 +01:00			`<h1>Sticky footer with fixed navbar</h1>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`</div>`
Fix HTML validity error in sticky-footer-navbar example (#20295) 2016-07-13 19:00:39 +02:00			`<p class="lead">Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code>padding-top: 60px;</code> on the <code>body > .container</code>.</p>`
Sticky footers without any wrappers 2014-02-04 13:56:42 +01:00			`<p>Back to <a href="../sticky-footer">the default sticky footer</a> minus the navbar.</p>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`</div>`

Examples: Make use of the `footer` tag instead of a `div`. 2014-10-29 21:07:13 +01:00			`<footer class="footer">`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`<div class="container">`
fixes #18293: clean up sticky stuff 2015-12-08 07:05:37 +01:00			`<span class="text-muted">Place sticky footer content here.</span>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`</div>`
Examples: Make use of the `footer` tag instead of a `div`. 2014-10-29 21:07:13 +01:00			`</footer>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00
add respond.js to all examples (fixes #9731) 2013-08-17 21:32:11 +02:00
Enable dropdown in sticky-footer with Bootstrap JS The sticky-footer example uses a drop down in its navbar, and dropdowns require Bootstrap's JS to work. Use the minified version of Bootstrap since this example is about the CSS and not about the JS. 2013-07-30 19:10:34 +02:00			`<!-- Bootstrap core JavaScript`
			`================================================== -->`
add respond.js to all examples (fixes #9731) 2013-08-17 21:32:11 +02:00			`<!-- Placed at the end of the document so the pages load faster -->`
Support jQuery v3 in Bootstrap v4 (#20191) * bower.json, package.json: Extend jQuery version ranges to include v3 * NuGet: Bump jQuery to v3.0.0.1 * Docs+Examples: Update jQuery to v3.0.0 * Use jQuery v3.0.0 for JS unit tests * Update jqueryVersionCheck to allow jQuery v3.x.x 2016-06-29 07:19:46 +02:00			`<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script>`
Add a local jQuery fallback. Shouldn't really happen, but China for example has blocked Google so this should help. 2015-07-25 23:25:00 +02:00			`<script>window.jQuery \|\| document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>`
Examples: Update tether to v1.2.0. [ci skip] 2016-03-07 19:11:41 +01:00			`<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>`
hella examples fixing, mostly navbars and lots of work on grids example 2013-08-16 02:39:37 +02:00			`<script src="../../dist/js/bootstrap.min.js"></script>`
Clean up inclusion of IE-specific JS files. Move them to footer, and remove duplicate ones. [ci skip] 2015-09-06 11:16:01 +02:00			`<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->`
			`<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`</body>`
add respond.js to all examples (fixes #9731) 2013-08-17 21:32:11 +02:00			`</html>`