Adding Sample Bootstrap CSS Page

in28minutes · in28minutes · commit c7564ee5147b · 2015-12-31T19:44:28.000+05:30
diff --git a/Codea-Step17.md b/Codea-Step17.md
@@ -1,3 +1,69 @@
+Bootstrap Sample Page
+```
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Todos</title>
+	<link href="webjars/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
+	
+	<style>
+		.footer {
+			position: absolute;
+			bottom: 0;
+			width: 100%;
+			height: 60px;
+			background-color: #f5f5f5;
+		}
+		
+		.footer .container {
+			width: auto;
+			max-width: 680px;
+			padding: 0 15px;
+		}
+	</style>
+</head>
+
+<body>
+
+	<nav role="navigation" class="navbar navbar-default">
+
+		<div class="">
+			<a href="/" class="navbar-brand">Brand</a>
+		</div>
+
+		<div class="navbar-collapse">
+			<ul class="nav navbar-nav">
+				<li class="active"><a href="#">Home</a></li>
+				<li><a href="/todo.do">Todos</a></li>
+				<li><a href="http://www.in28minutes.com">In28Minutes</a></li>
+			</ul>
+			<ul class="nav navbar-nav navbar-right">
+				<li><a href="/login.do">Login</a></li>
+			</ul>
+		</div>
+
+	</nav>
+
+	<div class="container">
+		<H1>Heading</H1>
+		Body of the Page
+	</div>
+
+	<footer class="footer">
+		<div class="container">
+			<p>footer content</p>
+		</div>
+	</footer>
+
+	<script src="webjars/jquery/1.9.1/jquery.min.js"></script>
+	<script src="webjars/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+
+</body>
+
+</html>
+
+```
+
 pom.xml
 ```
 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
