Well

Content
<div class="k-well">
    Content
</div>

Well content

Intro content

Content
<div class="k-well">
    <p>Intro content</p>
    <div class="k-well__content">
        Content
    </div>
</div>

Well with tabs

Intro content

Content tab 1
Content tab 2
Content tab 3
<div class="k-well">
    <p>Intro content</p>
    <ul class="k-tabs">
        <li class="k-is-active">
            <a href="#tab1" data-k-toggle="tab">Tab 1</a>
        </li>
        <li>
            <a href="#tab2" data-k-toggle="tab">Tab 2</a>
        </li>
         <li class="k-is-disabled">
            <a href="#tab3" data-k-toggle="tab">Tab 3 (disabled)</a>
        </li>
    </ul>
    <div class="k-tabs-content">
        <div id="tab1" class="k-tab k-is-active">
            Content tab 1
        </div>
        <div id="tab2" class="k-tab">
            Content tab 2
        </div>
        <div id="tab3" class="k-tab">
            Content tab 3
        </div>
    </div>
</div>

Need Help?

Let our developers personally assist you. You can ask development related questions in our Support Center. Only for Business or Agency subscribers.