Prev Demo
Bootstrap
>
Navbar-Scrollspy
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <h3>Scrollspy </h3> <nav id="navbar-example" class="navbar navbar-inverse"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-scrollspy"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">SN ITFunda</a> </div> <div class="collapse navbar-collapse" id="navbar-scrollspy"> <ul class="nav navbar-nav"> <li><a href="#DNF">DotNetFunda</a></li> <li><a href="#TECH">TechFunda</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> ITFunda <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="#off">offline training</a></li> <li><a href="#on">online training</a></li> </ul> </li> </ul> </div> </nav> <div data-spy="scroll" data-target="#navbar-example" data-offset="0" style="height:200px; overflow:auto; position: relative;"> <h4 id="DNF">DotNetFunda</h4> <p> DotNetFunda is a online training tutorial and makes you share technlogy with each other DotNetFunda is a online training tutorial and makes you share technlogy with each other DotNetFunda is a online training tutorial and makes you share technlogy with each other DotNetFunda is a online training tutorial and makes you share technlogy with each other </p> <h4 id="TECH">TechFunda</h4> <p> TechFunda is a online training tutorial in step by step manner TechFunda is a online training tutorial in step by step manner TechFunda is a online training tutorial in step by step manner TechFunda is a online training tutorial in step by step manner </p> <h4 id="ITF">ITFunda</h4> <p> ITFunda is a online training which makes provides offlie training and online training and provides job support ITFunda is a online training which makes provides offlie training and online training and provides job support ITFunda is a online training which makes provides offlie training and online training and provides job support ITFunda is a online training which makes provides offlie training and online training and provides job support </p> <h4 id="off">offline training</h4> <p> ITFunda provides offline training in class room to make people learn .net easy ITFunda provides offline training in class room to make people learn .net easy ITFunda provides offline training in class room to make people learn .net easy ITFunda provides offline training in class room to make people learn .net easy </p> <h4 id="on">online training</h4> <p> ITFunda provides online training which provides training on online ITFunda provides online training which provides training on online ITFunda provides online training which provides training on online ITFunda provides online training which provides training on online </p> </div> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
