Código
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/login.css"> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> </button> </div> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <ul class="dropdown-menu" role="menu"> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <ul class="dropdown-menu" role="menu"> </ul> </li> </ul> <ul> <ul class="nav navbar-nav navbar-right"> <ul> </nav> <div class="container"> <div class="row"> <div class="col-md-3"> <ul class="nav nav-pills nav-stacked"> </ul> </div> <div class="col-md-9 well"> <div> <form method="POST" class="navbar-form navbar-left" action="add_kids.php"> <input type="text" class="form-control" placeholder="search"> <br/> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> </div> <div class="modal-body"> <form method="POST" action="add_kids.php" > <div class="form-group"> <input type="text" class="form-control" name="bby-name"> </div> <div class="form-group"> <select class="form-control" name="Gender"> </select> </div> <div class="form-group"> <input type="text" class="form-control" name="phone"> </div> <div class="form-group"> <input type="text" class="form-control" name="parents_name"> </div> </form> </div> <div class="modal-footer"> </div> </div> </div> </div> </form> </div> </div> </div> <!-- Tab panes --> <div class="container" id="name"> <ul class="nav" role="tablist"> </ul> <!-- Tab panes --> <div class="tab-content" id="table2"> <div class="table-responsive"> </br> <table class="table table-hover"> <thead> <tr> </tr> </thead> </table> </div> </div> </div> <?php $no = 0; include("conexion.php"); $sql = mysql_query("SELECT * FROM baby_names "); while ($lol = mysql_fetch_array($sql)) { $no++; ?> <tr> </tr> <?php } ?> </body> </html>
Código
* { /*#5cb85c*/ margin: 0%; padding: 0%; } html,body { } nav { display:block; } .navbar-default { background-color: #5cb85c; border-color:#e7e7e7; } .navbar-collapse { border-color:red; } .navbar-default .navbar-brand { color:white; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #3498db; background-color: transparent; } .navbar-default .navbar-nav > li > a { color: white; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #3498db; background-color: transparent; } .container { padding-right: -7%; padding-left: -7%; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 80%; } } @media (min-width: 2560px) { .container { width: 80%; } } @media (min-width: 1024px) { .container { width: 80%; } } .row { margin-right: 6%; margin-left: -10%; } @media (min-width: 992px) { .col-md-3 { float: left; } .col-md-3 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-md-3 { width: 25%; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ color: #fff; background-color: #5cb85c; } .form-control { display: block; width: 100%; height: 6%; padding: 4px 12px; font-size: 14px; margin-left: 10em; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; } .well { min-height: 5%; padding: 0.7%; margin-bottom: 5%; } .form-control { display: flex; flex-direction:column-reverse; } div#name { margin-top: -16%; padding-left: 4%; } div#table2 { margin-top: -15%; padding-top: -8em; } div#table3 { margin-top: 15%; }
Código
<?php include("conexion.php"); $name= $_POST['bby-name']; $parent = $_POST['parents_name']; $phone = $_POST['phone']; $genre = $_POST['Gender']; { } else { echo ("error"); } ?>