Example of a Dust.js layout using the bootstrap library, in response to https://twitter.com/ppnsanders/status/419888456014118914
<!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"> </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