layout.haml

!!!
%html
  %head
    %meta{:charset => "utf-8"}
    %meta{"http-equiv" => "X-UA-Compatible", :content => "IE=edge,chrome=1"}
    %meta{:name => "viewport", :content => "width=device-width, initial-scale=1, maximum-scale=1"}
    %title Testapp
    %link{:href => "//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap-combined.min.css", :rel => "stylesheet"}

  %body
    %header.navbar.navbar-fixed-top
      .navbar-inner
        .container-fluid
          %a.btn.btn-navbar{"data-target" => ".nav-collapse", "data-toggle" => "collapse"}
            %span.icon-bar
            %a{:href => "/", :class => 'brand'} Testapp
            .btn-group.pull-right
              %a.btn.dropdown-toggle{"data-toggle" => "dropdown", :href => "#"}
                %i.icon-user
                Not signed in
                %span.caret
                %ul.dropdown-menu
                  %h3 Login
                  %li.divider
                  %li
                    Login
                  %li.divider
                  %li
                    Registration
            .container-fluid.nav-collapse
              %ul.nav
                %li
                  %a{:href => "/"} Home

    .container-fluid
      .row-fluid
        .span2
          .well.sidebar-nav
            %ul.nav.nav-list
              %li.nav-header
                Sidebar
        .span10
          - if @error then
            .alert.alert-error= @error
          = yield

      %footer
        %p
          © 2012

    %script{:src => "//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js", :type => "text/javascript"}
    %script{:src => "//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/js/bootstrap.min.js", :type => "text/javascript"}