/Html/Bootstrap admin prestashop tpl tabs

Bootstrap admin prestashop tpl tabs

<ul class="nav nav-tabs">
  <li class="nav-item active">
    <a data-toggle="tab" class="nav-link active" href="#home">Active</a>
  </li>
  <li class="nav-item">
    <a data-toggle="tab" class="nav-link" href="#menu1">Link</a>
  </li>
  <li class="nav-item">
    <a data-toggle="tab" class="nav-link" href="#menu2">Link</a>
  </li>
</ul>

<div class="tab-content">
  <div id="home" class="tab-pane fade in active show">
    <h3>HOME</h3>
    <p>Some content.</p>
  </div>
  <div id="menu1" class="tab-pane fade">
    <h3>Menu 1</h3>
    <p>Some content in menu 1.</p>
  </div>
  <div id="menu2" class="tab-pane fade">
    <h3>Menu 2</h3>
    <p>Some content in menu 2.</p>
  </div>
</div>

Source: grepper.com

Similar codes

0 vote161 views1 answer
Slim-rails gem
Html
4 votes184 views1 answer
Capture textarea value
Html
0 vote189 views1 answer
Html color crimson hex
Html
49 votes192 views4 answers
Html start code
Html
1 vote195 views1 answer
Getproductpricehtml magento 2
Html
2 votes188 views1 answer
Html how to make element focusable
Html
0 vote219 views1 answer
A tag displays below img tag
Html
8 votes243 views6 answers
Bootstrap table
Html
14 votes156 views9 answers
Html css center div
Html
12 votes178 views1 answer
Lorum picsum
Html