bootstrapTabs.html in CKEditor Bootstrap Tabs 8

File

js/plugins/bootstrapTabs/sample/bootstrapTabs.html

<div class="bootstrap-tabs" data-tab-set-title="sample">
  <ul class="nav nav-tabs" role="tablist">
    <!-- add tabs here -->
    <li class="active" role="presentation">
      <a aria-controls="sample-tab-1" class="tab-link" data-bypass="true" data-toggle="tab" href="#sample-tab-1-name" role="tab">Tab 1 Name</a>
    </li>
    <li role="presentation">
      <a aria-controls="sample-tab-2-name-name" class="tab-link" data-bypass="true" data-toggle="tab" href="#sample-tab-2-name-name" role="tab">Tab 2 Name</a>
    </li>
    <li role="presentation">
      <a aria-controls="sample-tab-3-name" class="tab-link" data-bypass="true" data-toggle="tab" href="#sample-tab-3-name" role="tab">Tab 3 Name</a>
    </li>
    <li class="active" role="presentation">
      <a aria-controls="sample-tab-4-name" class="tab-link" data-bypass="true" data-toggle="tab" href="#sample-tab-4-name" role="tab">Tab 4 Name</a>
    </li>
  </ul>
  <div class="tab-content">
    <!-- add tab panels here -->
    <div class="tab-pane" id="sample-tab-1-name" role="tabpanel">
      <div class="tab-pane-content">Tab 1 Content</div>
    </div>
    <div class="tab-pane" id="sample-tab-2-name" role="tabpanel">
      <div class="tab-pane-content">Tab 2 Content</div>
    </div>
    <div class="tab-pane" id="sample-tab-3-name" role="tabpanel">
      <div class="tab-pane-content">Tab 3 Content</div>
    </div>
    <div class="tab-pane active" id="sample-tab-4-name" role="tabpanel">
      <div class="tab-pane-content">Tab 4 Content</div>
    </div>
  </div>
</div>