"Formulario Multifiltro"
Bootstrap 2.3.2 Snippet by stivensonrincon

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Busqueda</legend> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="">Servicio Economico</label> <div class="controls"> <select id="" name="" class="input-xlarge"> <option>Ofertas</option> <option>Demandas</option> </select> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="categoria">Categoría</label> <div class="controls"> <select id="categoria" name="categoria" class="input-xlarge"> <option>Todas</option> <option>otra1</option> <option>otra 2</option> </select> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="subcategoria">Subcategoría</label> <div class="controls"> <select id="subcategoria" name="subcategoria" class="input-xlarge"> <option>Todas</option> <option>otra</option> <option>otra</option> </select> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="tipotransaccion">Tipo transacción</label> <div class="controls"> <select id="tipotransaccion" name="tipotransaccion" class="input-xlarge"> <option>Todas</option> <option>otra</option> <option>otra</option> </select> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="palabra">Palabra</label> <div class="controls"> <input id="palabra" name="palabra" type="text" placeholder="" class="input-xlarge"> </div> </div> </fieldset> </form>

Related: See More


Questions / Comments:

Awesome dear thanks

usmanawan83 (-1) - 4 years ago - Reply 0


Awesome it's simple and functional, thanks for sharing
Browse web site
https://mwebtasarim.com/

Ömer ÖZER () - 7 years ago - Reply 0


hi there i like to understand how page expand and stretch while make menu toggle.

pralad () - 7 years ago - Reply 0


Didn't work for me :(

Jv () - 7 years ago - Reply 0


Can someone share a download link for this?

Jv () - 7 years ago - Reply 0


Hi!, It is posibble to add submenus to the Sidebar?

Mayanin Sobrevilla () - 7 years ago - Reply 0


How can you make the side bar scrollable?
i tried adding bottom:0; top:0; but doesn't seem to work.
( i have a top nav bar as well);

brianho () - 8 years ago - Reply 0


define height for the ul element and overflow scroll property

Vicente Orrico Fermán () - 8 years ago - Reply 0


How can i repeat the current state of the sidebar (collapsed or not) to the other page? when i click to a link i want that the sidebar state is the same of the previous page. I have read that i can use jquery cookie, how?

Nicholas () - 9 years ago - Reply 0


There are two ways for me....use ajax to refresh the content without change the page so..the sidebar will retain the state...or pass a get parameter

through the link ..so the new pages ...will read the get parameters if exist.. someone special that will make the magic

Vicente Orrico Fermán () - 8 years ago - Reply 0


can anyone tell me how to use this sidebar nav ?

Hieu () - 9 years ago - Reply 0


entire sheet becomes dark and when i use the toggle a part of the sheet is seen? what is the reason

shanthi () - 9 years ago - Reply 0


very interesting, cant wait to try it out

Ergys Ura () - 9 years ago - Reply 0


Awesome it's simple and functional, thanks for sharing

Cesar () - 9 years ago - Reply 0


Question.. where do the 'page-content' and 'inset' styles come from? They're not in the provided css. Thanks.

Chris () - 9 years ago - Reply 0


Nevermind. It wasn't working for me and I thought those classes were responsible. But I found the real problem.

Chris () - 9 years ago - Reply 0


Why does the side bar not work correctly in IE for me, but if I use this bootsnipp site, or your website it does work? I know I'm missing something, but I'm scratching my head...

david () - 9 years ago - Reply 0


Oo I see what I did, sorry for the quick post: I had changed the class from active, to inactive - to test starting the menu out hidden on the page load. It actually worked for Chrome, but when I loaded in IE, it was broken.

david () - 9 years ago - Reply 0


Doesn't work in other theme, how I fix?

Faber Vergara () - 9 years ago - Reply 0


In which theme?

maxsurguy () - 9 years ago - Reply 0


Lumen

Faber Vergara () - 9 years ago - Reply 0


I still see it working but alignment of the icons is not the best. Is that what you see as well?

maxsurguy () - 9 years ago - Reply 0


Amazing and beautiful
i have just one question...i had been playing around whit it, but i still dont know how to make it hide all automatically when is less than 767px... if someone knows, them please some help!!!:. thanks a lot..

gab () - 10 years ago - Reply 0


ok..just done!!:.. i just remove the active class from the sidebar-wrapper div... ¬¬ it was simple... but sometimes take a lot of time to find the simplicity XD..thanks any way!!! great sidebar menu

gab () - 10 years ago - Reply 0


dude, i just jumped into our CV web-site and i like it very much, it's simple and nice. well done and thx for sharing, now wona to create something like this aswell)))

oleg sapishchuk () - 10 years ago - Reply 0


Nice original one-page site with fixed left menu, thanks for sharing.

Erik () - 10 years ago - Reply 0