JSFiddle - React, Tailwind, and code Playground

by jayakrishnancn

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css">
  </head>
  <body class="bg-light">
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
      <div class="container"><a class="navbar-brand" href="#">BMS</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item"><a class="nav-link" href="#">jayakrishnan</a></li>
            <li class="nav-item"><a class="nav-link active" href="#">Logout</a></li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="container mt-4">
      <div class="row">
        <div class="col-6 col-md-4 col-lg-3">
          <div class="list-group">
            <div class="list-group-item list-group-item-action bg-light" href="#">Customer</div><a class="list-group-item" href="#">Search</a><a class="list-group-item" href="#">Edit</a><a class="list-group-item" href="#">Create</a><a class="list-group-item" href="#">Delete</a>
          </div>
          <div class="list-group mt-4">
            <div class="list-group-item list-group-item-action bg-light" href="#">Account</div><a class="list-group-item" href="#">Search</a><a class="list-group-item" href="#">Create</a><a class="list-group-item" href="#">Delete</a>
          </div>
        </div>
        <div class="col-6 col-md-8 col-lg-9">
          <div class="card p-3"> 
            <div class="container">
              <div class="row">
                <div class="col-6">
                  <label>username</label>
                  <input class="form-control" type="text" autofocus>
               ...

JavaScript

https://jsfiddle.net/jayakrishnancn/xc1yfyx9/#