causeway-standard-theme/causeway/docs/shells/twopane-vertical.html

<div class="two-pane-vertical">
  <ul class="nav nav-tabs">
    <li class="active">
      <a href="#pane1" data-toggle="tab"> Pane 1 </a>
    </li>
    <li>
      <a href="#pane2" data-toggle="tab"> Pane 2 </a>
    </li>
  </ul>

  <div class="pane-left">
    <div class="pane-wrapper">
      <div class="pane">
        <h1 class="title">Two pane - Vertical</h1>
        <section>
          <p>Default left and right pane height will share the total width of page and the divider will be placed accordingly.</p>

          <p><strong> Example Code</strong></p>

<pre><code>
&lt;div class=&quot;two-pane-vertical&quot;&gt;
  &lt;div class=&quot;pane-left&quot;&gt;
    &lt;div class=&quot;pane&quot;&gt;
      &lt;h3 class=&quot;title&quot;&gt;Two pane - Vertical&lt;/h3&gt;
      &lt;section&gt;
        &lt;!--Content Goes Here --&gt;
      &lt;/section&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class=&quot;divider twopanedivider-vertical&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;pane-right&quot;&gt;
    &lt;div class=&quot;pane&quot;&gt;
      &lt;div class=&quot;pane-header-bg&quot;&gt;
        &lt;h3 class=&quot;title&quot;&gt;Right Panel: Vertical&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class=&quot;bottom-content-panel&quot;&gt;
        &lt;!--Content Goes Here --&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
        </section>
      </div>
    </div>
  </div>




  <div class="divider divider-vertical"></div>
  <div class="pane-right">
    <div class="pane-wrapper">
      <div class="pane">
        <h1 class="title">Right Panel: Vertical</h1>
        <div class="bottom-content-panel">

        </div>
      </div>
    </div>
  </div>
</div>