{% load forms %}
<h4>Panel Primary</h4>
<p class="lead">
  Commonly used as the <b>main container element</b> for a page.
</p>

<!-- Demo -->
<div class="panel panel-primary">
  <div class="panel-heading">
    <h3>
      The Heading
    </h3>
  </div>
  <div class="panel-body">
    <div class="row">
      <div class="col-md-12">
        <p>The Body</p>
      </div>
    </div>
  </div>
</div>

<!-- Demo -->
<h4>Usage:</h4>
<pre><code class="html hljs">{% filter force_escape %}
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3>
          The Heading
        </h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-md-12">
            <p>The Body</p>
          </div>
        </div>
      </div>
    </div>
{% endfilter %}</code></pre>
