Preview:

You can easily create a report page:

You can have a look at the provided sample.

You can change the visible appearance of the default page by adding class .report-page.

Wrap the report itself into a div with class .report.

<div class="page page-report">
  <div class="report">
    // report comes here
  </div>
</div>

You can add the report header by adding a .report-brandbar.

Customer's Company, ...

<div class="page page-report">
  <div class="report">
    <div class="report-brandbar">
      <img src="kaba.gif" />
      <p class="report-source">Customer's company</p>
    </div>
  </div>
</div>

You can add the report header by adding a .report-title.

<div class="page page-report">
  <div class="report">
    <div class="report-title">
      <h1>Title<small> small</small></h1>
      <div class="report-info">
        <span>Some additional info</span>
        <span class="pull-right">Hans Muster - 13422</span>
      </div>
    </div>
  </div>
</div>

Basically we just use a table wrapped into a .report-section. The multicolumn layout can be done like everywhere with .row-fluid > spanX

<div class="page page-report">
  <div class="report">
    <div class="report-section">
      <h4>Title</h4>
      <table class="table table-condensed">
        <thead>...</thead>
        <tbody>...</tbody>
        <tfoot>...</tfoot>
      </table>
    </div>
  </div>
</div>

alignment

You can align content in a th or td by appending class .right or .center

highlighting

You can highlight a row tr by appending class .highlight, .success, .warning or .error

You can highlight a data-entry td by appending class .highlight, .success, .warning or .error

You can wrap the table into a well with class .well-kabaBackgroundGray to highlight it.