This is a quick page template that looks similar to my previous Light Weight HTML 5 Web Page Template but that uses the Twitter Bootstrap framework for look and feel. I use this as a base page for some quick projects.
<!DOCTYPE html> <html> <head> <title>Title</title> <!-- Bootstrap --> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> <style> .container { padding-top: 25px; } img { padding-bottom: 20px; } </style> <meta name="viewport" content="width=320px; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> <link rel="apple-touch-icon" href="144x144.gif"/> </head> <body> <!-- Main Container --> <div class="container"> <!-- Navigation Bar --> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <a class="brand" href="#">Title</a> <ul class="nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </div> <!-- End Navigation --> <div class="row"> <div class="span3"> <a href="#">Column 1</a> </div> <div class="span3"> <a href="#">Column 2</a> </div> <div class="span3"> <a href="#">Column 3</a> </div> <div class="span3"> <a href="#">Column 4</a> </div> </div> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> </div> <!-- End Container --> </body> </html>