/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

30 votes144 views1 answer
Fork me on github ribbon
Html
54 votes127 views6 answers
How to change font color in html
Html
30 votes146 views6 answers
Html email link
Html
1 vote140 views1 answer
No ripple angular materisl
Html
0 vote261 views1 answer
Font myriad pro html
Html
15 votes121 views3 answers
Jquery change picture src
Html
-1 vote131 views1 answer
Html image in table
Html
1 vote135 views1 answer
Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
Html
1 vote120 views1 answer
Change cursor to hand on hover
Html
1 vote135 views1 answer
Django jinja extract elements from form object
Html