Print this chapterPrint this chapter

Components

Blocknumbers

In this example, the blocknumbers are set up in a 3 column grid system using row-fluid and span4. Blocknumbers can contain numbers as well as letters and font aweseome icons.

1
First Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

b
Second Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Third Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<div class="row-fluid">
  <div class="span4">
    <div class="blocknumber_box">
      <div class="blocknumber_icon">
        1
      </div>
      <div class="blocknumber_content">
        <h5>First Heading</h5>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      </div>
    </div>
  </div>
  <div class="span4">
    <div class="blocknumber_box">
      ...
    </div>
  </div>
  ...
</div>