/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

39 votes202 views1 answer
How to make a link in hml
Html
3 votes207 views2 answers
Contenteditable onchange
Html
0 vote206 views1 answer
How to set a string in one line html
Html
0 vote267 views1 answer
Uncaught TypeError: Cannot read property 'value' of null at HTMLButtonElement.<anonymous>
Html
-1 vote208 views1 answer
Link style sheeet
Html
26 votes222 views5 answers
Remove underline from a tag
Html
0 vote196 views1 answer
Flex-end tailwind
Html
0 vote216 views1 answer
Ordered list html mdn
Html
0 vote203 views1 answer
Undefined class Controller symfony
Html
0 vote204 views1 answer
How to create a quiz in p5
Html