JSFiddle - React, Tailwind, and code Playground
by bryiantan
HTML
<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="row">
<div class="col-lg-1">
<i class="ShowToolTip popper fa fa-eye LabTaskClass28 LabTaskClassforShowHideCol77" title="No task result for note" data_toggle="popover" style="/*! width: 1px !important; */"><span class="close-popover float-right text-danger "></span></i>
<div class="popper-content" style="display:none">
<div class="form-group">
<label title="Task name">Task name
</label>
<input type="text"
class="form-control">
<label title="Message">
Message
</label>
<input type="text"
class="form-control" placeholder="Limited to 100 Characters">
<button class="btn-save btn btn-primary btn-sm" style="background-color:maroon !important">Close</button>
<button class="btn-save btn btn-primary btn-sm" style="background-color:darkslategrey !important">SAve</button>
</div>
<button type="submit" class="btn btn-default btn-block">
Submit
</button>
</div></div>
<div class="col-lg-1">
<i...