Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Simple HTML page with bootstrap css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>SIMPLE HTML Page with Bootstrap CSS</title>
<!-- Bootstrap Core CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Content -->
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h1>Page Title</h1>
<p class="lead">Page Description</p>
</div>
<div class="col-lg-12">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vivamus vehicula semper lectus, nec semper orci volutpat in.
Aliquam erat volutpat. Aliquam aliquam ullamcorper augue.
Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aenean eu odio a mauris hendrerit
accumsan quis at ante. Fusce et lorem feugiat, condimentum
nulla eget, dictum tellus. Proin eleifend ipsum sit amet
porta scelerisque. Integer a erat mollis, efficitur arcu
eget, semper metus. Maecenas ac scelerisque neque.
Ut a porta lacus, nec varius neque. Donec ipsum sem,
condimentum ut auctor vitae, egestas porttitor mauris.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vivamus vehicula semper lectus, nec semper orci volutpat in.
Aliquam erat volutpat. Aliquam aliquam ullamcorper augue.
Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aenean eu odio a mauris hendrerit
accumsan quis at ante. Fusce et lorem feugiat, condimentum
nulla eget, dictum tellus. Proin eleifend ipsum sit amet
porta scelerisque. Integer a erat mollis, efficitur arcu
eget, semper metus. Maecenas ac scelerisque neque.
Ut a porta lacus, nec varius neque. Donec ipsum sem,
condimentum ut auctor vitae, egestas porttitor mauris.
</p>
</div>
<div>
<ul class="list-unstyled">
<li>List Item 1</li>
<li>List Item 2</li>
</ul>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</body>
</html>
@akaak

This comment has been minimized.

Copy link
Owner Author

akaak commented Jan 7, 2017

Rendered simple page can be seen in the browser.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.