Created
May 21, 2012 03:36
-
-
Save midnightcodr/2760449 to your computer and use it in GitHub Desktop.
A sample contact form using twitter bootstrap styling
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form class="well span8"> | |
<div class="row"> | |
<div class="span3"> | |
<label>First Name</label> | |
<input type="text" class="span3" placeholder="Your First Name"> | |
<label>Last Name</label> | |
<input type="text" class="span3" placeholder="Your Last Name"> | |
<label>Email Address</label> | |
<div class="input-prepend"> | |
<span class="add-on"><i class="icon-envelope"></i></span><input type="text" id="inputIcon" class="span2" style="width:233px" placeholder="Your email address"> | |
</div> | |
<label>Subject | |
<select id="subject" name="subject" class="span3"> | |
<option value="na" selected="">Choose One:</option> | |
<option value="service">General Customer Service</option> | |
<option value="suggestions">Suggestions</option> | |
<option value="product">Product Support</option> | |
</select> | |
</label> | |
</div> | |
<div class="span5"> | |
<label>Message</label> | |
<textarea name="message" id="message" class="input-xlarge span5" rows="10"></textarea> | |
</div> | |
</div> | |
<button type="submit" class="btn btn-primary pull-right">Send</button> | |
</form> |
Right on Brother! This is just what I needed. Code On!
good (y)
For Bootstrap 3.x add class="form-control"
to the inputs and role="form"
to the <form>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks for sharing!