<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ----------> <form class="form-horizontal bg-color"> <fieldset> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <!-- Form Name --> <div class="margintst"> <div class="mapouter"><div class="gmap_canvas"><iframe width="1000" height="800" id="gmap_canvas" src="https://maps.google.com/maps?q=unilins&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://2piratebay.org"></a></div><style>.mapouter{position:relative;text-align:right;height:800px;width:1000px;}.gmap_canvas {overflow:hidden;background:none!important;height:800px;width:1000px;}</style></div> </div> <div class = "row tstmgb"> <table class="tstleft col-md-3"> <tr> <th>Propietário</th> <th>Dispositivo</th> <th>ID</th> </tr> <tr> <td>undefined</td> <td>undefined</td> <td>undefined</td> </tr> <tr> <td>undefined</td> <td>undefined</td> <td>undefined</td> </tr> <tr> <td>undefined</td> <td>undefined</td> <td>undefined</td> </tr> <tr> <td>undefined</td> <td>undefined</td> <td>undefined</td> </tr> <tr> <td>undefined</td> <td>undefined</td> <td>undefined</td> </tr> </table> </div> <legend class = "center">Console</legend> <!-- Text input--> <div class="form-group tsttop"> <label class="col-md-1 control-label " for="text">Nome</label> <div class="col-md-2"> <input id="text" name="text" type="text" placeholder="Nome" class="form-control input-md" required=""> </div> </div> <!-- Search input--> <div class="form-group"> <label class="padtop col-md-1 control-label" for="disid">ID</label> <div class="col-md-2"> <input id="disid" name="disid" type="search" placeholder="ID" class="form-control input-md" required=""> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-2 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btntst btn-primary">Cadastrar</button> </div> </div> </fieldset> </form>

.center{ text-align:center; } .btntst{ width:21.5%; background-color:#17a2b8!important; } table { font-family: arial, sans-serif; width: 100%; } .tt{ border-top-left-radius:20px; } td, th { border: 2px solid #17a2b8; border-radius:20px; text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #ffffff; } .tstmgb{ margin-bottom:30px; margin-left:50px; margin-top:-800px; } .margintst{ margin-left:45%; } .tstleft{ margin-left:2.5%; } .tsttop{ margin-top:200px; }