JSFiddle - React, Tailwind, and code Playground
by rorc
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<nav class="navbar fixed-top navbar-toggleable-sm navbar-light bg-faded">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est fuga dolorem sequi assumenda error, nemo suscipit dolor temporibus ab tempore minus tempora soluta. Recusandae esse accusantium, expedita amet, animi eius.
</nav>
<main class="container-fluid" style="background:#ccc;margin-top:5rem">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Launch demo modal
</button>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis voluptatum porro mollitia at obcaecati, odio cum deleniti est consequuntur unde. Hic odio velit maxime reprehenderit deleniti, quo ipsam dolor deserunt.</div>
<div>Nam autem cupiditate quod possimus temporibus labore incidunt aspernatur non molestias molestiae aliquam quis voluptates fugit tenetur, deleniti dolorem illum earum excepturi, nostrum maiores! Consequatur quibusdam, sunt necessitatibus voluptatem totam!</div>
<div>Incidunt cum, eligendi perferendis tempore numquam expedita consequatur similique eveniet necessitatibus dignissimos voluptate ullam autem nobis unde voluptatibus, eum, deserunt optio beatae ducimus nihil facilis vitae accusamus modi? Quisquam, nobis.</div>
<div>Aut repellendus maxime magnam ducimus ipsum omnis quisquam doloremque deleniti sint, ab nostrum nisi aspernatur in nesciunt minus adipisci nam maiores voluptatum optio, pariatur ad. Porro nisi amet, eos at!</div>
<div>Magni eos cum assumenda nobis at. Doloremque expedita voluptas, error. Doloremque facere, rerum blanditiis in...