<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Ernesto Alcaraz programa</h2> <form class="form-horizontal"> <fieldset> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div > <button id="singlebutton" name="singlebutton" class="btn btn-primary">Registrar</button> <button id="singlebutton" name="singlebutton" action="" class="btn btn-primary">Listar</button> <button id="singlebutton" name="singlebutton" class="btn btn-primary">Editar</button> </div> </div> <!-- Form Name --> <legend>Registro</legend> <table class="table table-hover"> <thead> <tr style="background: #dadada; text-align: center; color: #666; font-weight: bolder; font-size: 15px;"> <td colspan="6">Listado De Registros</td></tr> <th></th> <th>Nombre</th> <th>Apellido</th> <th>Grado</th> <th>Grupo</th> </thead> <tr> <td><?php echo($no); ?></td> <td><?php echo(($alu->al_nombre)); ?></td> <td style="text-align: center"><?php echo($alu->al_sem); ?></td> <td style="text-align: center"><?php echo($alu->al_gpo); ?></td> <td style="text-align: center"> <a href="alumno.php?cuenta=<?php echo($alu->al_cuenta); ?>" title="Ver materias" style="font-weight: bolder; font-size: 14px"> <?php echo($alu->totMaterias); ?> </a> </td> </tr> <?php } ?> </table> </fieldset> </form> </div> </div>