Skip to content

Instantly share code, notes, and snippets.

@jamescasbon
Created April 15, 2012 12:33
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 jamescasbon/2392500 to your computer and use it in GitHub Desktop.
Save jamescasbon/2392500 to your computer and use it in GitHub Desktop.
Bootstrap example ported to coffeekup
doctype 5
html ->
head ->
title 'Title'
meta name: 'viewport', content: "width:device-width, initial-scale:1.0"
meta name: 'description', content: ""
meta name: 'author', content: ""
link href: 'bootstrap/css/bootstrap.css', rel: 'stylesheet'
link href: 'bootstrap/css/bootstrap-responsive.css', rel: 'stylesheet'
link rel: "shortcut icon", href:"bootstrap/ico/favicon.ico"
link rel: "apple-touch-icon-precomposed", sizes:"114x114", href:"bootstrap/ico/apple-touch-icon-114-precomposed.png"
link rel: "apple-touch-icon-precomposed", sizes:"72x72", href:"bootstrap/ico/apple-touch-icon-72-precomposed.png"
link rel: "apple-touch-icon-precomposed", href:"bootstrap/ico/apple-touch-icon-57-precomposed.png"
style ->
text 'body {padding-top: 60px}'
body ->
div class:"navbar navbar-fixed-top", ->
div class:"navbar-inner", ->
div class:"container", ->
a class:"btn btn-navbar", 'data-toggle':"collapse", 'data-target': ".nav-collapse", ->
span class:"icon-bar"
span class:"icon-bar"
span class:"icon-bar"
a class:"brand", href:"#", -> 'Project name'
div class:"nav-collapse", ->
ul class:"nav", ->
li class:"active", ->
a href:"#", -> 'Home'
li ->
a href:"#about", -> 'About'
li ->
a href:"#contact", -> 'Contact'
div class: 'container', ->
h1 -> 'Starter template'
p -> 'yadayayda'
script src:"bootstrap/js/jquery.js"
script src:"bootstrap/js/bootstrap-transition.js"
script src:"bootstrap/js/bootstrap-alert.js"
script src:"bootstrap/js/bootstrap-modal.js"
script src:"bootstrap/js/bootstrap-dropdown.js"
script src:"bootstrap/js/bootstrap-scrollspy.js"
script src:"bootstrap/js/bootstrap-tab.js"
script src:"bootstrap/js/bootstrap-tooltip.js"
script src:"bootstrap/js/bootstrap-popover.js"
script src:"bootstrap/js/bootstrap-button.js"
script src:"bootstrap/js/bootstrap-collapse.js"
script src:"bootstrap/js/bootstrap-carousel.js"
script src:"bootstrap/js/bootstrap-typeahead.js"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment