mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-26 23:54:23 +01:00
155 lines
5.3 KiB
HTML
155 lines
5.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<!-- Meta, title, CSS, favicons, etc. -->
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta name="description" content="">
|
||
|
|
<meta name="author" content="">
|
||
|
|
|
||
|
|
<title>
|
||
|
|
|
||
|
|
Navbar template · Bootstrap
|
||
|
|
|
||
|
|
</title>
|
||
|
|
|
||
|
|
<!-- 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]-->
|
||
|
|
|
||
|
|
<!-- Favicons -->
|
||
|
|
<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">
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var _gaq = _gaq || [];
|
||
|
|
_gaq.push(['_setAccount', 'UA-146052-10']);
|
||
|
|
_gaq.push(['_trackPageview']);
|
||
|
|
(function() {
|
||
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||
|
|
})();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!-- Place anything custom after this. -->
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<!-- Page content of course! -->
|
||
|
|
<!-- Custom styles for this template -->
|
||
|
|
<style>
|
||
|
|
|
||
|
|
body {
|
||
|
|
padding: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
|
||
|
|
<!-- Static navbar -->
|
||
|
|
<div class="navbar">
|
||
|
|
<div class="container">
|
||
|
|
<a class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
</a>
|
||
|
|
<a class="navbar-brand" href="#">Project name</a>
|
||
|
|
<div class="nav-collapse collapse">
|
||
|
|
<ul class="nav">
|
||
|
|
<li class="active"><a href="#">Home</a></li>
|
||
|
|
<li><a href="#about">About</a></li>
|
||
|
|
<li><a href="#contact">Contact</a></li>
|
||
|
|
<li class="dropdown">
|
||
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||
|
|
<ul class="dropdown-menu">
|
||
|
|
<li><a href="#">Action</a></li>
|
||
|
|
<li><a href="#">Another action</a></li>
|
||
|
|
<li><a href="#">Something else here</a></li>
|
||
|
|
<li class="divider"></li>
|
||
|
|
<li class="nav-header">Nav header</li>
|
||
|
|
<li><a href="#">Separated link</a></li>
|
||
|
|
<li><a href="#">One more separated link</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<ul class="nav pull-right">
|
||
|
|
<li class="active"><a href="/examples/navbar/">Default</a></li>
|
||
|
|
<li><a href="/examples/navbar-static-top/">Static top</a></li>
|
||
|
|
<li><a href="/examples/navbar-fixed-top/">Fixed top</a></li>
|
||
|
|
</ul>
|
||
|
|
</div><!--/.nav-collapse -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 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>
|
||
|
|
<a class="btn btn-large btn-primary" href="../../components/#navbar">View navbar docs »</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div> <!-- /container -->
|
||
|
|
|
||
|
|
|
||
|
|
<!-- JS and analytics only. -->
|
||
|
|
<!-- 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/transition.js"></script>
|
||
|
|
<script src="/assets/js/alert.js"></script>
|
||
|
|
<script src="/assets/js/modal.js"></script>
|
||
|
|
<script src="/assets/js/dropdown.js"></script>
|
||
|
|
<script src="/assets/js/scrollspy.js"></script>
|
||
|
|
<script src="/assets/js/tab.js"></script>
|
||
|
|
<script src="/assets/js/tooltip.js"></script>
|
||
|
|
<script src="/assets/js/popover.js"></script>
|
||
|
|
<script src="/assets/js/button.js"></script>
|
||
|
|
<script src="/assets/js/collapse.js"></script>
|
||
|
|
<script src="/assets/js/carousel.js"></script>
|
||
|
|
<script src="/assets/js/typeahead.js"></script>
|
||
|
|
<script src="/assets/js/affix.js"></script>
|
||
|
|
|
||
|
|
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
|
||
|
|
<script src="/assets/js/holder/holder.js"></script>
|
||
|
|
|
||
|
|
<script src="/assets/js/application.js"></script>
|
||
|
|
|
||
|
|
<!-- Analytics
|
||
|
|
================================================== -->
|
||
|
|
<script>
|
||
|
|
var _gauges = _gauges || [];
|
||
|
|
(function() {
|
||
|
|
var t = document.createElement('script');
|
||
|
|
t.type = 'text/javascript';
|
||
|
|
t.async = true;
|
||
|
|
t.id = 'gauges-tracker';
|
||
|
|
t.setAttribute('data-site-id', '4f0dc9fef5a1f55508000013');
|
||
|
|
t.src = '//secure.gaug.es/track.js';
|
||
|
|
var s = document.getElementsByTagName('script')[0];
|
||
|
|
s.parentNode.insertBefore(t, s);
|
||
|
|
})();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|