causeway-standard-theme
Version:
62 lines (54 loc) • 1.71 kB
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>
<div class="two-pane-vertical">
<div class="pane-left">
<div class="pane">
<h3 class="title">Two pane - Vertical</h3>
<section>
<!--Content Goes Here -->
</section>
</div>
</div>
<div class="divider twopanedivider-vertical"></div>
<div class="pane-right">
<div class="pane">
<div class="pane-header-bg">
<h3 class="title">Right Panel: Vertical</h3>
</div>
<div class="bottom-content-panel">
<!--Content Goes Here -->
</div>
</div>
</div>
</div>
</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>