<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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-fluid" style="margin-left: 70px; margin-right: 70px;"> <div class="panel panel-defualt"> <div class="panel-heading"> <span class="caption">Buscar</span> </div> <div class="panel-body"> <form class="form-horizontal"> <div class="row"> <div class="col-md-2"> <label class="col-md- control-label" for="textinput">Nombre</label> <div class="col-md-12 form-group"> <input id="txtNombre" name="textinput" type="text" class="form-control input-md"> </div> </div> <div class="col-md-2"> <label class="col-md-8 control-label" for="textinput">Numero victima</label> <div class="col-md-12"> <input id="textinput" name="textinput" type="text" class="form-control input-md"> </div> </div> <div class="col-md-2"> <label class="col-md-10 control-label" for="textinput">Numero Expediente</label> <div class="col-md-12"> <input id="textinput" name="textinput" type="text" class="form-control input-md"> </div> </div> <div class="col-md-2"> <label class="col-md-8 control-label" for="textinput">Año Expediente</label> <div class="col-md-12"> <input id="textinput" name="textinput" type="text" class="form-control input-md"> </div> </div> <div class="col-md-2"> <label class="col-md-7 control-label" for="textinput">Fecha inicial</label> <div class="col-md-12"> <input type="date" > </div> </div> <div class="col-md-2"> <label class="col-md-7 control-label" for="textinput">Fecha final</label> <div class="col-md-12"> <input type="date" > </div> </div> </form> </div> </div>   <div class="row"> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> <button type="button" class="btn btn-primary btn-default btn-block"> Buscar </button> </div> </div>   <div class="row"> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> <button type="button" class="btn btn-primary btn-default btn-block"> Nuevo Registro </button> </div> </div>   <div class="row"> <div class="col-md-12"> <table class="table table-responsive table-hover"> <thead> <tr> <th>Hora registro</th> <th>Nombre Completo</th> <th>Acompañante</th> <th>Agresor</th> <th>Numero victima</th> <th>Numero Expediente</th> <th>Acciones</th> </tr> </thead> </table> </div> </div> </div>