Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"life form"
Bootstrap 3.3.0 Snippet by
caisloc
3.3.0
Preview
HTML
View Full Screen
Fork
Fork this
2.6K
 
0 Fav
Post to Facebook
Tweet this
<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"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Construye tu Telefono</legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="pantallasize">I Selecciona el tamaño de tu pantalla</label> <div class="col-md-5"> <select id="pantallasize" name="pantallasize" class="form-control"> <option value="140">3.5 plg $1299</option> <option value="145">4.0 plg $1440</option> <option value="150">5.0 plg $2163</option> <option value="155">5.5 plg PRONTO</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="marcotipo">II Seleciona tu marco</label> <div class="col-md-5"> <select id="marcotipo" name="marcotipo" class="form-control"> <option value="Blanco">Blanco</option> <option value="Blanco metal">Blanco metal</option> <option value="Negro plastico">Negro plastico</option> <option value="Negro Metal">Negro Metal</option> <option value="Negro Transparente">Negro Transparente</option> <option value="Plastico Transparente">Plastico Transparente</option> <option value="Amarillo">Amarillo</option> <option value="Verde">Verde</option> <option value="Perla">Perla</option> <option value="Violeta">Violeta</option> <option value="Rojo">Rojo</option> <option value="Rojo Metal">Rojo Metal</option> <option value="Rosa">Rosa</option> <option value="Rosa Metal">Rosa Metal</option> <option value="Fuego">Fuego</option> <option value="Agua">Agua</option> <option value="Marley">Marley</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="tapa">Selecciona el color de tu tapa</label> <div class="col-md-5"> <select id="tapa" name="tapa" class="form-control"> <option value="Blanco">Blanco</option> <option value="Blanco metal">Blanco metal</option> <option value="Negro plastico">Negro plastico</option> <option value="Negro Metal">Negro Metal</option> <option value="Negro Transparente">Negro Transparente</option> <option value="Plastico Transparente">Plastico Transparente</option> <option value="Amarillo">Amarillo</option> <option value="Verde">Verde</option> <option value="Perla">Perla</option> <option value="Violeta">Violeta</option> <option value="Rojo">Rojo</option> <option value="Rojo Metal">Rojo Metal</option> <option value="Rosa">Rosa</option> <option value="Rosa Metal">Rosa Metal</option> <option value="Fuego">Fuego</option> <option value="Agua">Agua</option> <option value="Marley">Marley</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="combo camaras">III Combo de Camaras</label> <div class="col-md-5"> <select id="combo camaras" name="combo camaras" class="form-control"> <option value="365">Frontal 2.0MP, Trasera 5.0MP $365</option> <option value="695">Frontal 5MP, Trasera 8MP $693</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="tarjeta">IV Tarjeta Madre</label> <div class="col-md-5"> <select id="tarjeta" name="tarjeta" class="form-control"> <option value="250">4G + 512 RAM $250</option> <option value="250">8G + 1GB RAM $250</option> <option value="500">16G + 2GB RAM $250</option> </select> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="summit"></label> <div class="col-md-4"> <button id="summit" name="summit" class="btn btn-info">Enviar</button> </div> </div> </fieldset> </form> </div> </div>
Related:
See More
Free Template
Now UI Kit
465.7K
45
login-form
171.4K
18
Login Form
142.6K
51
Contact Form
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76