JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div class="container">
<br>
<div class="header clearfix">
<nav>
<!--navigation menu here-->
</nav>
<h3 class="text-muted">test Portal</h3>
</div>
<br>
<br>
<div class="container-fluid">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title" id=form_title name=form_title>add group</h3>
</div>
<div class="panel-body">
<p>add some instructions here on how to use the page.</p>
</div>
<!-- RESULTS / STATUS SECTION -->
<div id="">
<p class="text-danger" id=results></p>
</div>
<!-- THIS IS WHERE THE FORM BEGIN -->
<form id="add">
<!-- GROUP INFORMATION TABLE -->
<div class="table-responsive">
<table name="groupinfo" id="groupinfo" class="table table-striped table-bordered table-condensed">
<tr class="info">
<td colspan="2"><b>Group Information:</b>
</td>
</tr>
<tr>
<td width="20%">Group Name:</td>
<td>GROUP</td>
</tr>
<tr>
<td width="20%">Group Number:</td>
<td>
<input type=text name=tn id=tn />
</td>
</tr>
</table>
</div>
<div>
<table name="selected_members" id="selected_members" class="table table-striped table-bordered table-condensed">
...