JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<!-- navbar -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark">

  <!-- container so navbar contents are not fluid -->
  <div class="container">

    <!-- brand link -->
    <a class="navbar-brand" href="#">Brand</a>

    <!-- hamburger button -->
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavBar" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <!-- navigation menu -->
    <div class="collapse navbar-collapse" id="mainNavBar">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
          <a class="nav-link" href="#">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Features</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Pricing</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">About</a>
        </li>
      </ul>
    </div>

  </div>

</nav>

<div class="container py-4">

  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at tincidunt nibh. Donec nec consequat tortor. Sed nibh eros, cursus hendrerit consectetur non, pretium vitae lacus. Nam at libero eu velit tempus molestie. Fusce lobortis commodo lectus, eu luctus eros mattis in. Curabitur felis ex, dignissim sed maximus ac, sodales in neque. Nunc eleifend leo nisl, id posuere tortor fermentum ac. Phasellus eros nibh, interdum quis tellus ac,...