JSFiddle - React, Tailwind, and code Playground
by harsh dand
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div class="bs-example">
<nav role="navigation" class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle"> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> <a href="#" class="navbar-brand">Brand</a>
</div>
<!-- Collection of nav links and other content for toggling -->
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"> <a href="#">Home</a>
</li>
<li> <a href="#">Profile</a>
</li>
<li> <a href="#">Messages</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li> <a href="#">Login</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="container-fluid content">
<div class="row">
<div class="col-xs-12 scrollable">
<div class="starter-template">
<h1>Bootstrap starter template</h1>
<p class="lead">Use this document as a way to quickly start any new project.
<br>All you get is this text and a mostly barebones HTML document.</p>
</div>
<div class="starter-template">
<h1>Bootstrap starter...
CSS
html, body {
height: 100%;
width: 100%;
}
.bs-example {
margin: 20px;
}
.scrollable {
height: 85vh;
overflow-y: scroll;
}