"Sign Up"
Bootstrap 3.0.0 Snippet by BhaumikPatel

Post to Facebook Tweet this

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/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 class="col-xs-12 col-sm-12 col-md-4 well well-sm">
<legend><a href="http://www.jquery2dotnet.com"><i class="glyphicon glyphicon-globe"></i></a> Sign up!</legend>
<form action="#" method="post" class="form" role="form">
<div class="row">
<div class="col-xs-6 col-md-6">
<input class="form-control" name="firstname" placeholder="First Name" type="text"
required autofocus />
</div>
<div class="col-xs-6 col-md-6">
<input class="form-control" name="lastname" placeholder="Last Name" type="text" required />
</div>
</div>
<input class="form-control" name="youremail" placeholder="Your Email" type="email" />
<input class="form-control" name="reenteremail" placeholder="Re-enter Email" type="email" />
<input class="form-control" name="password" placeholder="New Password" type="password" />
<label for="">
Birth Date</label>
<div class="row">
<div class="col-xs-4 col-md-4">
<select class="form-control">
<option value="Month">Month</option>
</select>
</div>
<div class="col-xs-4 col-md-4">
<select class="form-control">
<option value="Day">Day</option>
</select>
</div>
<div class="col-xs-4 col-md-4">
<select class="form-control">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
body { padding-top:30px; }
.form-control { margin-bottom: 10px; }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Now UI Dashboard
sign up 2
Bootstrap 4.11 sign in form
Sign up form [Validations NOT ACHIEVED]

Questions / Comments:

how to move center??

daniel () - 8 years ago - Reply 0

@maxsurguy:disqus thank you very much! but just a question - in order to choose a birthday- year, day, country and more- do I have to write a whole list of options manually in the html?

Shirli Vashdi () - 8 years ago - Reply 0

thanks for sharing this.
how we have to choose birthday, i mean there is noting to choose?
i just start to learn, thank you

Mahbeigom () - 10 years ago - Reply 0

nice

Adnan () - 10 years ago - Reply 0

What is the file css'name?

Jorge Ortega () - 11 years ago - Reply 0

cool... registration form

thank you very much..
youre saving my time..

apalah () - 11 years ago - Reply 0

I love this... am trying to integrate bootstrap 3.0 into liferay framework.. hard for me

henryswanfx () - 11 years ago - Reply 0

That is awesome. How can I move it where ever I want to? Let's say to right

Leo Neo () - 11 years ago - Reply 0

Do you have the full CSS ? I'm trying to adapt to a WordPress theme. The call to the bootsnipp css is not an option.. :-(

Vitor Mastrangelo Rosas () - 11 years ago - Reply 0

Just include Bootstrap 3.0.0 Css from getbootstrap.com and then the code that's in the snippet. Let me know if you have any more questions!

maxsurguy () - 11 years ago - Reply 0

The labels are not visible in IE 8 or 9. :(

Robin () - 11 years ago - Reply 0

You might want to use placeholder polyfill for that : try http://jamesallardice.githu...

maxsurguy () - 11 years ago - Reply 0

Perfect! :)

Mika () - 11 years ago - Reply 0