<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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"> <div id="filter-panel" class="collapse filter-panel"> <div class="panel panel-default"> <div class="panel-body"> <form class="form-inline" role="form"> <div class="form-group"> <label class="filter-col" style="margin-right:0;" for="pref-perpage">Criterio de Búsqueda:</label> <select id="pref-perpage" class="form-control"> <option selected="selected" value="2">Rango Fecha</option> <option value="3">Solicitud No.</option> <option value="4">No. Turno</option> <option value="5">Paciente</option> <option value="6">Código Lab.</option> <option value="7">Médico</option> <option value="8">Toma Muestra</option> <option value="9">Ficha Médica</option> <option value="10">Apellido Nombre</option> <option value="15">Nombre Apellido</option> </select> </div> <!-- form group [rows] --> <div class="form-group"> <label class="filter-col" style="margin-right:0;" for="pref-search">Desde:</label> <input type="text" runat="server" id="txtFechaSolicitud1" data-date-format="yyyy-mm-dd" data-date-viewmode="years" readonly="true" class="form-control input-sm date-picker"> </div><!-- form group [search] --> <div class="form-group"> <label class="filter-col" style="margin-right:0;" for="pref-orderby">Order by:</label> <select id="pref-orderby" class="form-control"> <option>Descendent</option> </select> </div> <!-- form group [order by] --> <div class="form-group"> <div class="checkbox" style="margin-left:10px; margin-right:10px;"> <label><input type="checkbox"> Ingested</label> </div> <div class="checkbox" style="margin-left:10px; margin-right:10px;"> <label><input type="checkbox"> Automated</label> </div> <button type="submit" class="btn btn-default filter-col"> <span class="glyphicon glyphicon-record"></span> Save Settings </button> </div> </form> </div> </div> </div> <button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#filter-panel"> <span class="glyphicon glyphicon-cog"></span> Buscar </button> </div> </div>

.container{ margin-top:30px; } .filter-col{ padding-left:10px; padding-right:10px; }