Prev Demo
Bootstrap
>
Affix
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <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> <style> .affix { top: 0; width: 100%; } .affix + .container-fluid { padding-top: 50px; } </style> </head> <body> <div class="container-fluid" style="background-color:green;color:white;height:120px;"> <h1>Bootstrap Affix Example</h1> <h3>Fixed navbar on scroll</h3> </div> <nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="200"> <ul class="nav navbar-nav"> <li class="active"><a href="#">SN ITFunda</a></li> <li><a href="#">DotNetFunda</a></li> <li><a href="#">TechFunda</a></li> <li><a href="#">ITFunda</a></li> </ul> </nav> <div class="container-fluid" style="height:1000px"> <h1>DotNetFunda</h1> <p>DotNetFunda.Com is a popular online tutorials and guide for latest Microsoft® technologies aimed for beginners and intermediate level professionals. We help beginners to become intermediate level professionals and help intermediate level professionals to become an expert. By following our different sections regularly, we hope you will soon become one of the 'Most Valuable' professional and start shining in your career.DotNetFunda.Com is a popular online tutorials and guide for latest Microsoft® technologies aimed for beginners and intermediate level professionals. We help beginners to become intermediate level professionals and help intermediate level professionals to become an expert. By following our different sections regularly, we hope you will soon become one of the 'Most Valuable' professional and start shining in your career.DotNetFunda.Com is a popular online tutorials and guide for latest Microsoft® technologies aimed for beginners and intermediate level professionals. We help beginners to become intermediate level professionals and help intermediate level professionals to become an expert. By following our different sections regularly, we hope you will soon become one of the 'Most Valuable' professional and start shining in your career. </p> <h1>TechFunda</h1> <p>TechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step mannerTechFunda is a online tutorial to learn tutorials step by step manner</p> <h1>ITFunda</h1> <p>ITFunda is a online tutorial for online training and offline training and also provides ebooks for the people besides these ITFunda provides Job support for the people who are in need of the job supportITFunda is a online tutorial for online training and offline training and also provides ebooks for the people besides these ITFunda provides Job support for the people who are in need of the job supportITFunda is a online tutorial for online training and offline training and also provides ebooks for the people besides these ITFunda provides Job support for the people who are in need of the job supportITFunda is a online tutorial for online training and offline training and also provides ebooks for the people besides these ITFunda provides Job support for the people who are in need of the job supportITFunda is a online tutorial for online training and offline training and also provides ebooks for the people besides these ITFunda provides Job support for the people who are in need of the job support </p> </div> </body> </html>
Note: We DO NOT save your trial code in our database.
Output