https://gist.github.com/machida/6603862 gridのマークアップ

grid.haml

#grid
  .row
    %section.col-xs-1.col-sm-3.col-md-6.col-lg-1
      %h1 column1
    %section.col-xs-2.col-sm-3.col-md-6.col-lg-11
      %h1 column2
    %section.col-xs-3.col-sm-3.col-md-6.col-lg-2
      %h1 column3
    %section.col-xs-4.col-sm-3.col-md-6.col-lg-10
      %h1 column4
    %section.col-xs-5.col-sm-3.col-md-6.col-lg-3
      %h1 column5
    %section.col-xs-6.col-sm-3.col-md-6.col-lg-9
      %h1 column6
    %section.col-xs-6.col-sm-3.col-md-6.col-lg-4
      %h1 column7
    %section.col-xs-6.col-sm-3.col-md-6.col-lg-8
      %h1 column8
    %section.col-xs-6.col-sm-3.col-md-6.col-lg-5
      %h1 column9
    %section.col-xs-6.col-sm-3.col-md-6.col-lg-7
      %h1 column10
    %section.col-xs-6.col-sm-3.col-md-6.col-lg-6
      %h1 column11
    %section.col-xs-6.col-sm-3.col-md-6.col-lg-6
      %h1 column12
    %section.col-xs-6.col-sm-3.col-md-6.col-lg-12
      %h1 column12

sassはここ https://gist.github.com/machida/6603862