Tabs

Tabs are created using Bootstrap Native Tabs, they will work as the same way how it works in bootstrap, but it is styled to pages color scheme. To run a Bootstrap Tabs, there is no depencies, you do not have to include extra JS or CSS files,To add a Tabs to pages please reffer following guidelines

Sample Tabs

<div class="col-md-12 page-item">
               <ul class="nav nav-pills page-item-navigation" role="tablist">
                   <li role="presentation" class=""><a
       href="#tab1" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false">Tab 1</a></li>
                   <li role="presentation" class=""><a
       href="#tab2" aria-controls="profile" role="tab" data-toggle="tab" aria-expanded="false">Tab 2</a></li>
                   <li role="presentation" class=""><a
       href="#tab3" aria-controls="messages" role="tab" data-toggle="tab" aria-expanded="false">Tab 3</a></li>
                   <li role="presentation" class="active"><a
       href="#tab4" aria-controls="settings" role="tab" data-toggle="tab" aria-expanded="true">Tab 4</a></li>
               </ul>
               <div class="tab-content">
                   <div role="tabpanel" class="tab-pane"
       id="tab1">
                       <p>Tab 1
       Content</p>
                   </div>
                   <div role="tabpanel" class="tab-pane"
       id="tab2">
                       <p> Tab 2
       Content</p>
                   </div>
                   <div role="tabpanel" class="tab-pane"
       id="tab3">
                       <p>Tab 3
       Content</p>
                   </div>
                   <div role="tabpanel" class="tab-pane
       active" id="tab4">
                       <p>Tab 4
       Content</p>
                   </div>
               </div>
            </div>