Bootstrap3のnavigationをslimで書く

初めてslimをやってみてBootstrapのナビゲーション周りを書くのに意外と手間取ったので、
その部分だけ抜粋しておこうと思います。

doctype html
html
  head
    meta charset='utf-8'
    title MyPortfolio
    link rel='stylesheet' href='css/lib/bootstrap.css'
    link rel='stylesheet' href='css/styles.css'
  body
    nav.navbar.navbar-default.navbar-fixed-top
      .container
        .navbar-header
          button.navbar-toggle.collapsed type='button' data-toggle='collapse' data-target='#menu'
            span.sr-only Toggle Navigation
            span.icon-bar
            span.icon-bar
            span.icon-bar
          a.navbar-brand href='/' MyPortfolio
        #menu.collapse.navbar-collapse
          ul.nav.navbar-nav.navbar-right
            li
              a href='#about' About
            li
              a href='#portfolio' Portfolio
            li
              a href='#price' Price
            li
              a href='#contact' Contact
    == yield
    script src='js/lib/jquery.js'
    script src='js/lib/bootstrap.js'