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
"Account settings"
Bootstrap 3.2.0 Snippet by
sinoohe
3.2.0
Preview
HTML
View Full Screen
Fork
Fork this
11.2K
 
2 Fav
Post to Facebook
Tweet this
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>My Profile -> Account setting</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Change Email ID</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="your current email " class="form-control input-md"> <span class="help-block">your new email ID</span> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="passwordinput">new password</label> <div class="col-md-4"> <input id="passwordinput" name="passwordinput" type="password" placeholder="new password" class="form-control input-md"> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="passwordinput">repeat password</label> <div class="col-md-4"> <input id="passwordinput" name="passwordinput" type="password" placeholder="repeat password" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">set security question</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Question 1</option> <option value="2">Question 2</option> <option value="3">Question 3</option> </select> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton">view account status</label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-success">view</button> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton">Remove my account</label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-danger">remove</button> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="checkboxes">Privacy settings</label> <div class="col-md-4"> <div class="checkbox"> <label for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> </div> <div class="checkbox"> <label for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> </div> <div class="checkbox"> <label for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> </div> <div class="checkbox"> <label for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> </div> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="selectmultiple">Languages</label> <div class="col-md-4"> <select id="selectmultiple" name="selectmultiple" class="form-control" multiple="multiple"> <option value="1">Persian</option> <option value="2">English</option> <option value="3">Arabic</option> </select> </div> </div> </fieldset> </form> </div>
Related:
See More
Free Template
Argon Design System
223.1K
237
Account in Navbar
109.4K
239
Nav Account Manager
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76