How to use jade with bootstrap : http://webdesign.tutsplus.com/tutorials/baking-bootstrap-snippets-with-jade--cms-22798
converter from html to jade: http://html2jade.aaron-powell.com/
Jade tutorial:http://jade-lang.com/reference/
Also ref to the github for a vivid example :https://github.com/jadejs/jade/blob/gh-pages/src/pages/includes/header.jade
Use Jade as more advanced html/js
. <=> div
Three most powerful tools of jade
Includes
Includes allow you to insert the contents of one jade file into another.
Extend
Jade supports template inheritance via the block
and extends
keywords. A block is simply a "block" of Jade that may be replaced within a child template, this process is recursive.
Mixins
Mixins allow you to create reusable blocks of jade.