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
var stylesheet = $("<link>", {
	rel: "stylesheet",
	type: "text/css",
	href: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
});
stylesheet.appendTo("head");