Template

The rules for Default template.

Page Title


<div class="col-sm-12">
  <h2>{$Page.title}</h2>
</div>
<div class="clearfix"></div>
	

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque posuere tristique. Mauris eget tortor ac neque iaculis condimentum nec maximus quam. Praesent accumsan ut turpis in finibus. Aenean hendrerit sem ex, id iaculis turpis vestibulum id. Morbi at consequat quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sodales libero ac lectus elementum, nec consectetur odio interdum. Morbi sed mi a dolor pellentesque laoreet. Proin nec aliquam velit. Suspendisse et molestie quam, ut malesuada sem. Curabitur euismod nibh neque, non lacinia nulla congue ac.


<div class="well well-sm">
  <div class="col-sm-12">
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque posuere tristique. Mauris eget tortor ac neque iaculis condimentum nec maximus quam. Praesent accumsan ut turpis in finibus. Aenean hendrerit sem ex, id iaculis turpis vestibulum id. Morbi at consequat quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sodales libero ac lectus elementum, nec consectetur odio interdum. Morbi sed mi a dolor pellentesque laoreet. Proin nec aliquam velit. Suspendisse et molestie quam, ut malesuada sem. Curabitur euismod nibh neque, non lacinia nulla congue ac.
    </p>
  </div>
  <div class="clearfix"></div>
</div>
	

<div class="well well-sm">
  <form role="form">
    <div class="form-group form-group-sm col-sm-12">
      <label for="text">Textfield</label>
      <input class="form-control" type="text" name="text" id="text">
    </div>
    <div class="form-group form-group-sm col-sm-12">
      <label for="textarea">Textarea</label>
      <input class="form-control" type="textarea" name="textarea" id="textarea">
    </div>
    <div class="form-group form-group-sm col-sm-12 text-right">
      <button type="submit" class="btn btn-primary">Submit</button>
    </div>
    <div class="clearfix"></div>
  </form>
</div>
	

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque posuere tristique. Mauris eget tortor ac neque iaculis condimentum nec maximus quam. Praesent accumsan ut turpis in finibus. Aenean hendrerit sem ex, id iaculis turpis vestibulum id.

Tab 2

Morbi at consequat quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sodales libero ac lectus elementum, nec consectetur odio interdum. Morbi sed mi a dolor pellentesque laoreet.

Tab 3

Proin nec aliquam velit. Suspendisse et molestie quam, ut malesuada sem. Curabitur euismod nibh neque, non lacinia nulla congue ac.

<ul class="nav nav-tabs">
  <li class="active"><a data-toggle="tab" href="#tab1"><h4>Tab 1</h4></a></li>
  <li><a data-toggle="tab" href="#tab2"><h4>Tab 2</h4></a></li>
  <li><a data-toggle="tab" href="#tab3"><h4>Tab 3</h4></a></li>
</ul>
<div class="tab-content">
  <div id="tab1" class="tab-pane fade in active">
    <div class="col-sm-12">
      <h3>Tab 1</h3>
    </div>
    <div class="clearfix"></div>
    <div class="well well-sm">
      <div class="col-sm-12">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque posuere tristique. Mauris eget tortor ac neque iaculis condimentum nec maximus quam. Praesent accumsan ut turpis in finibus. Aenean hendrerit sem ex, id iaculis turpis vestibulum id.
      </div>
      <div class="clearfix"></div>
    </div>
  </div>
  <div id="tab2" class="tab-pane fade">
    <div class="col-sm-12">
      <h3>Tab 2</h3>
    </div>
    <div class="clearfix"></div>
    <div class="well well-sm">
      <div class="col-sm-12">
        Morbi at consequat quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sodales libero ac lectus elementum, nec consectetur odio interdum. Morbi sed mi a dolor pellentesque laoreet.
      </div>
      <div class="clearfix"></div>
    </div>
  </div>
  <div id="tab3" class="tab-pane fade">
    <div class="col-sm-12">
      <h3>Tab 3</h3>
    </div>
    <div class="clearfix"></div>
    <div class="well well-sm">
      <div class="col-sm-12">
        Proin nec aliquam velit. Suspendisse et molestie quam, ut malesuada sem. Curabitur euismod nibh neque, non lacinia nulla congue ac.
      </div>
      <div class="clearfix"></div>
    </div>
  </div>
</div>