"Subscriber management"
Bootstrap 4.0.0 Snippet by matteoo

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Tabella utenti</title> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> </head> <body> <div class="container"> <!-- Page Heading --> <div class="row"> <div class="col-lg-12"> <h3 class="page-header bg-success"> Gestione degli iscritti </h3> </div> </div> <!-- /.row --> <div class="row"> <div class="col-sm-4"> <form action="" method="post"> <h3>Aggiungi un iscritto</h3> <div class="form-group"> <label for="nome">Nome</label> <input type="text" name="nome" class="form-control"></div> <div class="form-group"> <label for="cognome">Cognome</label> <input type="text" name="cognome" class="form-control"></div> <div class="form-group"> <label for="email">email</label> <input type="text" name="email" class="form-control"></div> <div class="form-group"> <input type="submit" name="submit" value="Aggiungi" class="btn btn-success"></div> </form> <hr> <!-- inludere l altra parte --> <!-- --> </div> <div class="col-sm-8"> <table class="table table-bordered table-hover"> <thead class="bg-success"> <tr> <td>Id</td> <td>Nome</td> <td>Cognome</td> <td>email</td> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> </html>

Related: See More

Fresh Bootstrap Table

Questions / Comments: