Skip to content

Instantly share code, notes, and snippets.

@rodw

rodw/bootstrap-layout.html.dust

Created January 6, 2014 18:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rodw/8287361 to your computer and use it in GitHub Desktop.
Save rodw/8287361 to your computer and use it in GitHub Desktop.
Download ZIP
Example of a Dust.js layout using the bootstrap library, in response to https://twitter.com/ppnsanders/status/419888456014118914
Raw
bootstrap-layout.html.dust
<!DOCTYPE html>
<html lang="en">
{+html_head}
<head>
<meta charset="utf-8">
{+html_head_title}<title>{+page_title}PAGE TITLE{/page_title}</title>{/html_head_title}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{! <!-- ICONS --> !}
<link rel="shortcut icon" href="/favicon.png" >
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-touch-icon-precomposed.png" >
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png" >
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png" >
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png" >
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/img/msapp-tileimpage">
{! <!-- STYLE --> !}
<style>{+inline_style/}</style>
<link href="/css/bootstrap.min.css" rel="stylesheet"/>
<link href="/css/bootstrap-responsive.min.css" rel="stylesheet"/>
<!--[if lt IE 9]>
<script src="/js/html5shiv.js"></script>
<![endif]-->
<link href="/css/style.css" rel="stylesheet">
{!
<!--[if lt IE 9]>
<link href="/css/font-awesome-ie7.min.css" rel="stylesheet"></link>
<![endif]-->
!}
{+html_head_footer/}
</head>
{/html_head}
{+html_body}
<body data-spy="scroll">
{+html_body_content}
<a name="top" id="top">&nbsp;</a>
{+navbar}
<div class="navbar navbar-fixed-top navbar-static">
<div class="navbar-inner">
{+over_navbar/}
<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="#top"><b>{+navbar_title}NAVBAR TITLE{/navbar_title}</b></a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">{+navbar_menu/}</ul>
</div>
</div>
{+under_navbar/}
</div>
</div>
{/navbar}
{+after_navbar/}
{+main_container}
<div class="main-container">
{+main_container_content/}
</div>
{/main_container}
{+html_body_footer/}
{/html_body_content}
{! <!-- SCRIPTS --> !}
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/script.js"></script>
{+before_close_body/}
</body>
{/html_body}
<!-- Generated: {NOW}; Version: {VERSION} -->
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment