diff options
| author | Mark Otto <[email protected]> | 2014-07-14 09:05:21 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-07-14 09:05:21 -0700 |
| commit | 95fbbdd55064681a55da036e51b85666f8def63a (patch) | |
| tree | 1903aaebd436a70d4d535aa153c0ace3beb22b9a /docs | |
| parent | 61b9496ba6f093d842ac5a60251e2d72e8ed8266 (diff) | |
| download | bootstrap-95fbbdd55064681a55da036e51b85666f8def63a.tar.xz bootstrap-95fbbdd55064681a55da036e51b85666f8def63a.zip | |
new fixed navbar example
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/examples/navbar-top-fixed/index.html | 55 | ||||
| -rw-r--r-- | docs/examples/navbar-top-fixed/navbar-top-fixed.css | 3 |
2 files changed, 58 insertions, 0 deletions
diff --git a/docs/examples/navbar-top-fixed/index.html b/docs/examples/navbar-top-fixed/index.html new file mode 100644 index 000000000..4d65e4ca2 --- /dev/null +++ b/docs/examples/navbar-top-fixed/index.html @@ -0,0 +1,55 @@ +<!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"> + <meta name="description" content=""> + <meta name="author" content=""> + <link rel="icon" href="../../favicon.ico"> + + <title>Fixed top navbar example for Bootstrap</title> + + <!-- Bootstrap core CSS --> + <link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> + + <!-- Custom styles for this template --> + <link href="navbar-top-fixed.css" rel="stylesheet"> + + <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> + <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> + </head> + + <body> + + <div class="pos-f-t"> + <div class="collapse" id="navbar-header"> + <div class="container-fluid inverse p-a"> + <h3>Collapsed content</h3> + <p>Toggleable via the navbar brand.</p> + </div> + </div> + <div class="navbar navbar-default navbar-static-top"> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header"> + ☰ + </button> + </div> + </div> + + <div class="container"> + <div class="jumbotron"> + <h1>Navbar example</h1> + <p class="lead">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> + <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs »</a> + </div> + </div> + + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> + <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> --> + <script src="../../assets/js/vendor/jquery.min.js"></script> + <script src="../../dist/js/bootstrap.min.js"></script> + </body> +</html> diff --git a/docs/examples/navbar-top-fixed/navbar-top-fixed.css b/docs/examples/navbar-top-fixed/navbar-top-fixed.css new file mode 100644 index 000000000..3207ab177 --- /dev/null +++ b/docs/examples/navbar-top-fixed/navbar-top-fixed.css @@ -0,0 +1,3 @@ +body { + padding-top: 6rem; +} |