2013-02-12 21:16:32 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta name = "description" content = "" >
< meta name = "author" content = "" >
< title >
2013-02-13 20:48:22 +01:00
{% if page.title == "Bootstrap" %}
{{ page.title }}
{% else if %}
{{ page.title }} · Bootstrap
{% endif %}
2013-02-12 21:16:32 +01:00
< / title >
<!-- Bootstrap core CSS -->
< link href = "/assets/css/bootstrap.css" rel = "stylesheet" >
<!-- Documentation extras -->
< link href = "/assets/css/docs.css" rel = "stylesheet" >
< link href = "/assets/js/google-code-prettify/prettify.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 >
< / head >
< body data-spy = "scroll" data-target = ".bs-docs-sidebar" >
<!-- Navbar
================================================== -->
< div class = "navbar navbar-inverse navbar-fixed-top" >
< div class = "container" >
< button type = "button" class = "btn btn-navbar" data-toggle = "collapse" data-target = ".nav-collapse" >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< a class = "brand" href = "/" > Bootstrap< / a >
< div class = "nav-collapse collapse" >
< ul class = "nav" >
2013-02-13 20:48:22 +01:00
< li { % if page . title = = " Bootstrap " % } class = "active" { % endif % } >
2013-02-12 21:16:32 +01:00
< a href = "/" > Home< / a >
< / li >
2013-02-13 20:48:22 +01:00
< li { % if page . title = = " Getting started " % } class = "active" { % endif % } >
2013-02-12 21:16:32 +01:00
< a href = "/getting-started" > Get started< / a >
< / li >
2013-02-13 20:48:22 +01:00
< li { % if page . title = = " CSS " % } class = "active" { % endif % } >
2013-02-12 21:16:32 +01:00
< a href = "/css" > CSS< / a >
< / li >
2013-02-13 20:48:22 +01:00
< li { % if page . title = = " Components " % } class = "active" { % endif % } >
2013-02-12 21:16:32 +01:00
< a href = "/components" > Components< / a >
< / li >
2013-02-13 20:48:22 +01:00
< li { % if page . title = = " JavaScript plugins " % } class = "active" { % endif % } >
2013-02-12 21:16:32 +01:00
< a href = "/javascript" > JavaScript< / a >
< / li >
2013-02-13 20:48:22 +01:00
< li { % if page . title = = " Customize and download " % } class = "active" { % endif % } >
2013-02-12 21:16:32 +01:00
< a href = "/customize" > Customize< / a >
< / li >
2013-02-13 20:48:22 +01:00
< li { % if page . title = = " Gallery " % } class = "active" { % endif % } >
< a href = "/gallery" > Gallery< / a >
< / li >
2013-02-12 21:16:32 +01:00
< / ul >
< / div >
< / div >
< / div >
{{ content }}
<!-- Footer
================================================== -->
< footer class = "footer" >
< div class = "container" >
< div class = "bs-docs-social" >
< ul class = "bs-docs-social-buttons" >
< li >
< iframe class = "github-btn" src = "http://ghbtns.com/github-btn.html?user=twitter&repo=bootstrap&type=watch&count=true" allowtransparency = "true" frameborder = "0" scrolling = "0" width = "100px" height = "20px" > < / iframe >
< / li >
< li >
< iframe class = "github-btn" src = "http://ghbtns.com/github-btn.html?user=twitter&repo=bootstrap&type=fork&count=true" allowtransparency = "true" frameborder = "0" scrolling = "0" width = "102px" height = "20px" > < / iframe >
< / li >
< li class = "follow-btn" >
< a href = "https://twitter.com/twbootstrap" class = "twitter-follow-button" data-link-color = "#0069D6" data-show-count = "true" > Follow @twbootstrap< / a >
< / li >
< li class = "tweet-btn" >
< a href = "https://twitter.com/share" class = "twitter-share-button" data-url = "http://twitter.github.com/bootstrap/" data-count = "horizontal" data-via = "twbootstrap" data-related = "mdo:Creator of Twitter Bootstrap" > Tweet< / a >
< / li >
< / ul >
< / div >
< p > Designed and built with all the love in the world by < a href = "http://twitter.com/mdo" target = "_blank" > @mdo< / a > and < a href = "http://twitter.com/fat" target = "_blank" > @fat< / a > .< / p >
< p > Code licensed under < a href = "http://www.apache.org/licenses/LICENSE-2.0" target = "_blank" > Apache License v2.0< / a > , documentation under < a href = "http://creativecommons.org/licenses/by/3.0/" > CC BY 3.0< / a > .< / p >
< p > < a href = "http://glyphicons.com" > Glyphicons Free< / a > licensed under < a href = "http://creativecommons.org/licenses/by/3.0/" > CC BY 3.0< / a > .< / p >
< ul class = "footer-links" >
< li > < a href = "http://blog.getbootstrap.com" > Blog< / a > < / li >
< li class = "muted" > · < / li >
< li > < a href = "https://github.com/twitter/bootstrap/issues?state=open" > Issues< / a > < / li >
< li class = "muted" > · < / li >
< li > < a href = "https://github.com/twitter/bootstrap/blob/master/CHANGELOG.md" > Changelog< / a > < / li >
< / ul >
< / div >
< / footer >
<!-- 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 >
< script src = "/assets/js/bootstrap-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/google-code-prettify/prettify.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 >
