JSFiddle - React, Tailwind, and code Playground
by Vinícius Pontin
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
<div class="container" style="padding-top: 70px; padding-bottom: 70px;">
<h1>Olá Mundo!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae justo hendrerit, vehicula dui eu, semper dui. Donec ornare augue nec pharetra volutpat. Nulla pellentesque ullamcorper sapien vel venenatis. Cras ut ultrices enim. Nunc vitae enim egestas, rhoncus urna vitae, vehicula mauris. Ut vestibulum faucibus volutpat. Aliquam et augue vel mi posuere condimentum sit amet vel diam.</p>
<p>Cras quis turpis massa. Praesent luctus posuere ipsum ac vestibulum. Curabitur id libero congue, tincidunt sem vel, commodo odio. Nullam at lectus sit amet risus posuere ullamcorper. Ut sit amet auctor mi. Aliquam fringilla orci eros. Cras pellentesque condimentum nibh, et tincidunt ex sagittis nec. Curabitur nec tempor velit. Sed scelerisque tellus in finibus blandit. Donec vehicula in diam pretium...