JSFiddle - React, Tailwind, and code Playground

by techiedelight

HTML

<form>
  <div class="form-group">
    <label for="email">Email address</label>
    <input type="email" class="form-control" id="email" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label for="password">Password</label>
    <input type="password" class="form-control" id="password" placeholder="Password">
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

CSS

form {
  width: 400px;
  border: 1px solid black;
  padding: 20px;
  margin: 10px;
}

JavaScript

// dynamically add bootstrap library
$('head').append('<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />');