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

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <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>

    <header>
      <!-- Fixed navbar -->
      <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        <a class="navbar-brand" href="#">Fixed navbar</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Link</a>
            </li>
            <li class="nav-item">
              <a class="nav-link disabled" href="#">Disabled</a>
            </li>
          </ul>
          <form class="form-inline mt-2 mt-md-0">
            <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
          </form>
        </div>
      </nav>
    </header>

    <!-- Begin page content -->
    <main role="main" class="container">
      <h1 class="mt-5">Sticky footer with fixed navbar</h1>
      <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>
    </main>

    <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://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
    <script src="../../../../assets/js/vendor/popper.min.js"></script>
    <script src="../../../../dist/js/bootstrap.min.js"></script>
  </body>
</html>
Switch to lowercase `doctype`. (#24217) Having it uppercase doesn't offer anything and the lowercase version slightly improves gzip compression. 2017-10-03 18:34:59 +02:00			`<!doctype html>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`<html lang="en">`
			`<head>`
			`<meta charset="utf-8">`
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">`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`<meta name="description" content="">`
			`<meta name="author" content="">`
fix location of favicons so it loads when viewing the examples. This is the only one I found in the project, so I am assuming it is the right one to point to (#22895) 2017-07-16 15:19:20 +02: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 -->`
more examples path fixing 2017-05-29 20:55:36 +02: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>`

Structure examples with appropriate `<main>`, `<header>`, `<footer>` Structure examples with appropriate `<main>`, `<header>`, `<footer>` 2017-09-13 20:51:08 +02:00			`<header>`
			`<!-- Fixed navbar -->`
			`<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">`
			`<a class="navbar-brand" href="#">Fixed navbar</a>`
			`<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">`
			`<span class="navbar-toggler-icon"></span>`
			`</button>`
			`<div class="collapse navbar-collapse" id="navbarCollapse">`
			`<ul class="navbar-nav mr-auto">`
			`<li class="nav-item active">`
			`<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>`
			`</li>`
			`<li class="nav-item">`
			`<a class="nav-link" href="#">Link</a>`
			`</li>`
			`<li class="nav-item">`
			`<a class="nav-link disabled" href="#">Disabled</a>`
			`</li>`
			`</ul>`
			`<form class="form-inline mt-2 mt-md-0">`
			`<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">`
			`<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>`
			`</form>`
			`</div>`
			`</nav>`
			`</header>`
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 -->`
Structure examples with appropriate `<main>`, `<header>`, `<footer>` Structure examples with appropriate `<main>`, `<header>`, `<footer>` 2017-09-13 20:51:08 +02:00			`<main role="main" class="container">`
Examples updates (#24898) * fix cover nav * Improve signin visuals and alignment with that flexbox love * rewrite cover example in flexbox * lighten signin bg * first pass at pricing example * redo examples index with data file * tighten up spacing a bit * update navbar descriptions * link pricing * move that back * property order * Fix test errors. * Compress pricing.png. * add form validation example * remove that * rename that * restyle and space out * fix errors * change order * cleanup album css and styles * tweak examples index * make it a badge * options * improve sticky footer alignment * redesign example index * brand new blog layout * start new screenshots * new product example page a la apple * add email field * fix linter, remove unused blog css * hook up feather icons to start * redo dashboard * fix linting * add floating labels example * formatting * formatting * lint * fix values on select * optional input, plus input group * new dashboard image * start to reboot the offcanvas example * updated images * new offcanvas mostly implemented * linting * edit description * more description changes * - Add vertical margin to album hero buttons for when they're stacked - Adjust font-size and padding for pricing header and hero - Fix checkout's stacked column margins, plus update their check/radio markup - Update product's utilities to be responsive - Made blog cards somewhat responsive (needs a bit more work tbh) * drop leading zero * more linting * swap empty images for holder, fix border * dist the docs * navbars have no margin-bottom to begin * add css var, tweak padding for mobile * comment headers * nix commented out code * nix the navbar structure for a custom one, stack it on mobile * tweak heading button group for mobile * Removed narrow jumbotron and justified nav examples as these are easily accomplished with new components in v4 * improve card sizing on pricing * update and compress 2018-01-15 01:06:52 +01:00			`<h1 class="mt-5">Sticky footer with fixed navbar</h1>`
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>`
Structure examples with appropriate `<main>`, `<header>`, `<footer>` Structure examples with appropriate `<main>`, `<header>`, `<footer>` 2017-09-13 20:51:08 +02:00			`</main>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00
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
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 -->`
bump to jquery 3.2.1 2017-03-21 07:04:14 +01:00			`<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>`
Use correct jQuery name in docs (#24712) 2017-11-08 00:11:04 +01:00			`<script>window.jQuery \|\| document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>`
Update Popper.js 1.10.1 2017-06-14 21:00:01 +02:00			`<script src="../../../../assets/js/vendor/popper.min.js"></script>`
more examples path fixing 2017-05-29 20:55:36 +02:00			`<script src="../../../../dist/js/bootstrap.min.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>`