Bootstrap Bootstrap three Tutorial Section 10 – Contact Form admin 7 months ago 18 Comments Prev Article Next Article Website: Source Files: In this bootstrap tutorial, we build a contact form within our modal. Facebook Prev Article Next Article Related Posts Bootstrap Introduction & How to use examples admin April 2, 2017 Block Groups and Bootstrap (Drupal Tutorial) admin April 4, 2017 how to use Glyphicon from bootstrap || Demo || hits admin February 17, 2017 Bootstrap Tutorial for Beginners Part 3 of Part 11 admin February 21, 2017 Design facebook like page using HTML and CSS (Tuto-01) admin March 13, 2017 Bootstrap Tutorial – How to create an ecommerce website using the template in Dreamweaver admin March 4, 2017 About The Author admin More from this Author 18 Comments 432Relax February 10, 2017 Thank you very much Christopher! I appreciate that you've taken the time to put these tutorials together. So far I have been able to replicate all your tutorials without any problems, I think I'm addicted. I didn't know how to begin with Bootstrap before I found your channel, now it's all coming together nicely :-) SeB2NeC February 10, 2017 Used exact code shown…form works but for some reason instead of just the page fading out the form does too….not sure what I might've missed…? any help? afsar ali February 10, 2017 Hi, i want to add mobile number validation in my code. please help krissymoi February 10, 2017 can someone teach me how to link php or write php for contact form i created i'm totally lost here's what i have: <div class="col-lg-8"> <form action="" class="form-horizontal"> <div class="form-group"> <label for="user-name" class="col-lg-2 control-label">Name</label> <div class="col-lg-10"> <input type="text" class="form-control" id="user-name" placeholder="Enter you name"> </div> </div> <!-end form group–> <div class="form-group"> <label for="user-email" class="col-lg-2 control-label">Email</label> <div class="col-lg-10"> <input type="text" class="form-control" id="user-email" placeholder="Enter your email"> </div> </div> <!-end form group–> <div class="form-group"> <label for="user-phone" class="col-lg-2 control-label">Phone</label> <div class="col-lg-10"> <input type="tel" class="form-control" id="user-phone" placeholder="Enter your number "> </div> </div> <!-end form group–> <div class="form-group"> <label for="user-message" class="col-lg-2 control-label">Message</label> <div class="col-lg-10"> <textarea name="user-message" id="user-message" class="form-control" cols="20" rows="10" placeholder="Enter your Message"></textarea> </div> </div> <!-end form group–> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> <button type="submit" class="btn btn-success">Submit</button> </div> </div> </form> CraZayTube February 10, 2017 bruh u didnt tell us how to link it to a .php file. wdf Lucas Marodin de paiva February 10, 2017 why are my forms too close eachother? Daryoes Ambo February 10, 2017 Thank you so much. Your presentation is simple and straight forward. FrenchFruits February 10, 2017 So I have the form set but how do I connect it to send now? is it through css, html, or my hosting provider. Tracey Russell February 10, 2017 It looks like on your textarea you forgot to include the id="contact-message" .. Great tutorials!!! I have subscribed to you and please continue adding more :-) Alvarez Hierrezuelo February 10, 2017 Merci beaucoup pour tout le temps que tu nous dedie !!!!!!!!!!!!!!!!!!sorry my english !!I've seen a lot of tutorials, and I would like to tell you whit out any flower event if we have to !!!YOU ARE ONE OF THE VERY BEST !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Dark Chikin February 10, 2017 Dude!! I can't thank you enough for putting this series of videos up. I lliterraly didn't know what Bootstrap was until i watched 10 of your videos. Thanks you so much. Appreciate it man. Ravijit Chavda February 10, 2017 How to set my site email to recieve form data of visitor ?????????? Flora Fauna February 10, 2017 I want to say thank you for all your wonderful and helpeful tutorials, im really enjoying it.Thank you so much!Best / Erica elosojagui February 10, 2017 Hi very good videos, I could build the web bootstrap, no problem, I'm happy and thankful for your kindness in teaching youtube. I wonder if you can help me a bit with the php form code, because I can not run, I think the problem is to use the name on the form index.php from already thank you very much! BootstrapBay February 10, 2017 Hi Anthony, For some reason I can't reply directly to your comment. Must be your settings. In any case, here's a tutorial on how to make your form function with PHP. You can skip to step 4 since we've already done the HTML markup and Bootstrap covers off the CSS. http://tangledindesign.com/how-to-create-a-contact-form-using-html5-css3-and-php/ Anthony James February 10, 2017 How do you make the send button actually send the form data in an email? BootstrapBay February 10, 2017 New video will be released tomorrow. Thank you Laurence for the request. We'll be showing you how to change some of the common CSS elements like the navbar, links and buttons. Laurence Crew February 10, 2017 how about as an example, coding this site with css?