"User profile in tabs"
Bootstrap 2.3.2 Snippet by venu

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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 ---------->
<div class="well">
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">Profile</a></li>
<li><a href="#profile" data-toggle="tab">Password</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane active in" id="home">
<form id="tab">
<label>Username</label>
<input type="text" value="jsmith" class="input-xlarge">
<label>First Name</label>
<input type="text" value="John" class="input-xlarge">
<label>Last Name</label>
<input type="text" value="Smith" class="input-xlarge">
<label>Email</label>
<input type="text" value="jsmith@yourcompany.com" class="input-xlarge">
<label>Address</label>
<textarea value="Smith" rows="3" class="input-xlarge">2817 S 49th
Apt 314
San Jose, CA 95101
</textarea>
<label>Time Zone</label>
<select name="DropDownTimezone" id="DropDownTimezone" class="input-xlarge">
<option value="-12.0">(GMT -12:00) Eniwetok, Kwajalein</option>
<option value="-11.0">(GMT -11:00) Midway Island, Samoa</option>
<option value="-10.0">(GMT -10:00) Hawaii</option>
<option value="-9.0">(GMT -9:00) Alaska</option>
<option selected="selected" value="-8.0">(GMT -8:00) Pacific Time (US & Canada)</option>
<option value="-7.0">(GMT -7:00) Mountain Time (US & Canada)</option>
<option value="-6.0">(GMT -6:00) Central Time (US & Canada), Mexico City</option>
<option value="-5.0">(GMT -5:00) Eastern Time (US & Canada), Bogota, Lima</option>
<option value="-4.0">(GMT -4:00) Atlantic Time (Canada), Caracas, La Paz</option>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: