<!DOCTYPE html> <html> <head> <title>Twitter Bootstrap Example</title> <link href="bootstrap/css/bootstrap.css" rel="stylesheet" media="screen"> </head> <body> <!-- The main container. --> <div class="container"> <!-- A menu bar. --> <div class="navbar"> <div class="navbar-inner"> <a class="brand" href="#">Twitter Bootstrap Example</a> <ul class="nav"> <li><a href="Default.cshtml">Home</a></li> <li><a href="About.cshtml">About</a></li> <li class="active"><a href="Contact.cshtml">Contact</a></li> </ul> </div> </div> <h1>Contact</h1> <p>This is the Contact page.</p> <hr /> <!-- Button to trigger modal --> <a href="#popup" role="button" class="btn" data-toggle="modal">Show Popup</a> <!-- Modal --> <div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="popupLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="popupLabel">Login</h3> </div> <div class="modal-body"> <p>Enter login details...</p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> <button class="btn btn-primary">Login</button> </div> </div> </div> <!-- Include jQuery and Boostrap. --> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> </body> </html>
By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.
If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.
This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)