-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbootstrap_fixed_layout.html
More file actions
86 lines (78 loc) · 3.99 KB
/
bootstrap_fixed_layout.html
File metadata and controls
86 lines (78 loc) · 3.99 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap Fixed Layout</title>
<link rel="stylesheet" href="bootstrap.min.css">
<style>
body{
padding-top: 70px;
}
</style>
</head>
<body>
<nav id="myNavBar" class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle Button</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Bootstrap Test</a>
</div>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron">
<div class="container">
<h2>Bootstrap Test - Fixed Container Layout</h2>
<p>In today's world internet is the most popular way of connecting with the people. At <a href="#">boostraptest.com</a> you will learn the essential of web development technologies along with real life practice example, so that you can create your own website to connect with the people around the world.</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 col-lg-3">
<h2>HTML</h2>
<p class="text-justify">In today's world internet is the most popular way of connecting with the people. At <a href="#">boostraptest.com</a> you will learn the essential of web development technologies along with real life practice example, so that you can create your own website to connect with the people around the world.</p>
<a class="btn btn-success" href="#">Learn More»</a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<h2>CSS</h2>
<p class="text-justify">In today's world internet is the most popular way of connecting with the people. At <a href="#">boostraptest.com</a> you will learn the essential of web development technologies along with real life practice example, so that you can create your own website to connect with the people around the world.</p>
<a class="btn btn-success" href="#">Learn More»</a>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-sm-6 col-md-4 col-lg-3">
<h2>Javascript</h2>
<p class="text-justify">In today's world internet is the most popular way of connecting with the people. At <a href="#">boostraptest.com</a> you will learn the essential of web development technologies along with real life practice example, so that you can create your own website to connect with the people around the world.</p>
<a class="btn btn-success" href="#">Learn More»</a>
</div>
<div class="clearfix visible-md-block"></div>
<div class="col-sm-6 col-md-4 col-lg-3">
<h2>Python</h2>
<p class="text-justify">In today's world internet is the most popular way of connecting with the people. At <a href="#">boostraptest.com</a> you will learn the essential of web development technologies along with real life practice example, so that you can create your own website to connect with the people around the world.</p>
<a class="btn btn-success" href="#">Learn More»</a>
</div>
</div>
<hr/>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<footer>
<center><p class="spl">© Copyright 2013 Tutorial Republic</p></center>
</footer>
</div>
</div>
</div>
<script type="text/javascript" charset="utf-8" src="jquery-1.11.3.js"></script>
<script type="text/javascript" charset="utf-8" src="bootstrap.min.js"></script>
</body>
</html>