JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class="container">
		<form  name="materia" method="post" action="cad_Materia.php">
			<div class="form-group" >
				<table>
					<tr>
						<td>Disciplina:</td>
						<td><input class="form-control"  placeholder="Informe a diciplina" name="disciplina" type="text" required x-moz-errormessage="Disciplina não informada."></td>
					</tr>
					<tr>
						<td>Carga Horaria:</td>
						<td><input class="form-control" placeholder="Informe a carga horaria" name="cargaHoraria" type="text" required x-moz-errormessage="Carga Horario não informada." ></td>
					</tr>
					<tr>
						<td>Bibliografia:</td>
						<td><input class="form-control" placeholder="Informe a bibliografia " name="bibliografia" type="text" required x-moz-errormessage="Bibliografia não informada." ></td>
					</tr>
					<tr>
						<td>Codigo:</td>
						<td><input class="form-control" placeholder="Informe o codigo " name="codigoMat" type="text" required x-moz-errormessage="Codigo não informada."></td>
					</tr>
					</div>
					
					<div class="btn-group">	
					
							<td><input class="btn btn-primary" type="submit" value="Cadastrar"></td> 
							<td><input class="btn btn-warning" type="submit" value="Alterar" style="width: 86px; height: 34px" onclick="action='alt_Materia.php'" title="Informe (Disciplina/Carga Horaria/bibliografia) a Alterar e (Codigo) cadastrado"/> <input class="btn btn-danger" type="submit" value="Deletar" style="width: 86px; height: 34px"  onclick="action='del_Materia.php'" title="Informe (Disciplina/Codigo) e clique aqui"/></td>
						
					</div>
				</table>
		</form>
	</div>

CSS

<div class="container">
			<form name="new_user" method="post" action="enviar.php">
				<div class="form-group" >
					<table>
						<tr>
							<td>Nome:</td>
							<td><input class="form-control" placeholder="Informe o nome "name="nome" type="text" required x-moz-errormessage="Nome não informado." ></td>
						</tr>
						<td>CPF:</td>
							<td><input class="form-control" placeholder="Informe o CPF "name="cpf" type="text" onblur="javascript: validarCPF(this.value)"; onkeypress="javascript: mascara(this, cpf_mask);"  maxlength="14"></td>
					<!--	</tr> -->
						<tr>
							<td>Registro:</td>
							<td><input class="form-control" placeholder="Informe o registro "name="registro" type="text" required x-moz-errormessage="Registro não informado."></td>
						</tr>
						<tr>
							<td>Email:</td>
							<td><input class="form-control" placeholder="Informe o email "name="email" type="text" required x-moz-errormessage="Email não informado."></td>
						</tr>
						<tr>
							<td>Descricao:</td>
							<td><input class="form-control" placeholder="Informe a descricao "name="descricao" type="textarea" required x-moz-errormessage="Descricao não informada."></td>
						</tr>
					<div class="btn-group">
						<tr>
							<td><input class="btn btn-primary" type="submit" value="cadastrar" onclick="return validar()"/></td>
						</tr>
					</div>
					</table>
				</div >
			</form>
</div>