JSFiddle - React, Tailwind, and code Playground
by Michael Baas
HTML
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div>
<nav class="navbar navbar-expand-lg navbar-light"><button class="navbar-toggler" aria-controls="leftMenu" aria-expanded="false" aria-label="Toggle menu" type="button" data-target="leftMenu" data-toggle="collapse"><span class="navbar-toggler-icon"></span></button>
<div class="navbar-nav ml-auto"><a class="btn btn-light navbar-brand" onclick="onClickUser" target="#"><svg class="svg-inline--fa fa-user fa-w-14" aria-hidden="true" data-prefix="fas" data-icon="user" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path></svg><!-- <i class="fas fa-user"></i> --><span> Register / Login</span></a></div>
</nav>
<div id="contentblock" class="container-fluid">
<div id="ls-box" class="row">LocalStorage disabled or you are using an old browser. We try to safely fallback, but may not be able to persist your input after you quit the browser. Pls. make sure to signup and save your solutions!</div>
<div class="row">
<div class="d-none d-lg-inline col-lg-2 list-group">
<div><a id="mnhome" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center active" href="#" onclick="ClickLeftMen(this)">Home</a><a id="mnP1Intro" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
...