/bootstrap-layout.html.dust
Created Jan 6, 2014
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