class nav nav tabs

bootstrap nav tabs example

<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
  </li>
</ul>
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div>
  <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
  <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
</div>

Posted by: Guest on July-21-2020

Source

<div class="container"> <h3>Default Bootstrap 3 Pills Example</h3>  <ul class="nav nav-pills"> <li class="active"><a href="http://www.tutorialmines.net">Home</a></li> <li><a href="http://www.tutorialmines.net/bootstrap-3-tutorial/">Bootstrap 3</a></li> <li><a href="http://www.tutorialmines.net/php-5-string-functions/">PHP 5</a></li> <li><a href="http://www.tutorialmines.net/responsive-web-design-tutorial/">RWD</a></li> </ul> </div>

Code answers related to "class nav nav tabs"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "class nav nav tabs"

Code answers related to "class nav nav tabs"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us