Run
<!doctype html> <html lang="en"> <head> <title>Bootstrap Tab Menus Using Nav Pills</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous"></script> </head> <body> <div class="container"> <h2>Bootstrap Tab Menus Using Nav Pills</h2> <ul class="nav nav-pills"> <li class="active"><a data-toggle="pill" href="#pill1">Menu1</a></li> <li><a data-toggle="pill" href="#pill2">Menu2</a></li> <li><a data-toggle="pill" href="#pill3">Menu3</a></li> </ul> <div class="tab-content"> <div id="pill1" class="tab-pane fade in active"> <h3>Menu1</h3> Create your own dynamic tab menu using the bootstrap nav tabs and open dynamic content on click of menus. </div> <div id="pill2" class="tab-pane fade"> <h3>Menu2</h3> Second tab menu. </div> <div id="pill3" class="tab-pane fade"> <h3>Menu3</h3> Third tab menu. </div> </div> </div> </body> </html>
Go to
Tutorialdeep Homepage