jade

doctype
html
  head
    meta(charset="utf-8")
    meta(name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no")
    link(href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet")
    script(src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js")
    script(src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js")
    include css
    tittile=tittle

  body
    h1=tittle
    p how are you?
    input.btn-danger(type="button" value='click')
    .container
      .row
        .col-md-3
          p.text-left 西畠清顺的匠心，全在花草树木上。为了看一株特别的花，他可以打个飞的横穿整个印度洋。为了空运一棵古树，他花费十多万美金也不心疼。他每天到处寻找这这个世界上存在的特别的植物，因此，也得名“植物猎人”。
        .col-md-3
          p.text-center 西畠清顺的匠心，全在花草树木上。为了看一株特别的花，他可以打个飞的横穿整个印度洋。为了空运一棵古树，他花费十多万美金也不心疼。他每天到处寻找这这个世界上存在的特别的植物，因此，也得名“植物猎人”。
        .col-md-6
            p.text-center 西畠清顺的匠心，全在花草树木上。为了看一株特别的花，他可以打个飞的横穿整个印度洋。为了空运一棵古树，他花费十多万美金也不心疼。他每天到处寻找这这个世界上存在的特别的植物，因此，也得名“植物猎人”。

css.jade

style
 :stylus
   .container
     .row
       p
         text-indent 28px
         color red