Skip to content

Instantly share code, notes, and snippets.

/index.html

Created March 22, 2016 19:59
Show Gist options
  • Save anonymous/2a02c304e3d276615c85 to your computer and use it in GitHub Desktop.
Save anonymous/2a02c304e3d276615c85 to your computer and use it in GitHub Desktop.
Download ZIP
My first bootstrap page! // source https://jsbin.com/layacuruge
Raw
index.html
<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<title>My first bootstrap page!</title>
</head>
<body>
<button class="btn">Say Hi</button>
<div class="progress">
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
<span class="sr-only">45% Complete</span>
</div>
</div>
<div class="page-header">
<h1>Example page header <small>Subtext for header</small></h1>
</div>
<div class="alert alert-success" role="alert">
<a href="#" class="alert-link">90</a>
</div>
<div class="alert alert-info" role="alert">
<a href="#" class="alert-link">80</a>
</div>
<div class="alert alert-warning" role="alert">
<a href="#" class="alert-link">70</a>
</div>
<div class="alert alert-danger" role="alert">
<a href="#" class="alert-link">60</a>
</div>
<script id="jsbin-source-html" type="text/html"><html>
<head>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<title>My first bootstrap page!</title>
</head>
<body>
<button class="btn">Say Hi</button>
<div class="progress">
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
<span class="sr-only">45% Complete</span>
</div>
</div>
<div class="page-header">
<h1>Example page header <small>Subtext for header</small></h1>
</div>
<div class="alert alert-success" role="alert">
<a href="#" class="alert-link">90</a>
</div>
<div class="alert alert-info" role="alert">
<a href="#" class="alert-link">80</a>
</div>
<div class="alert alert-warning" role="alert">
<a href="#" class="alert-link">70</a>
</div>
<div class="alert alert-danger" role="alert">
<a href="#" class="alert-link">60</a>
</div>
</body>
</html></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment