Code a Responsive Website with Bootstrap 3 - [Lecture 19] Code the Modal Form

Lecture #19: In this lecture, we code the HTML for the form within the Modal window.

===========
Please Donate:
===========

=================
More about this course:
=================

==============
Code Responsively
==============

Do you want to learn how to build a responsive, mobile-friendly and beautiful website using HTML5, CSS3 and jQuery? Look no further! You're in the right place.

======================
A Simple Step-by-Step Guide
======================

This course is a simple, step-by-step tutorial that will arm you with the appropriate skills and knowledge to start building your very own responsive websites using the newly released Twitter Bootstrap 3 — a popular, free, mobile-first, open-source framework.

==========
Dive Right In
==========

We will dive into hand-coding custom responsive layouts, sliding carousels, beautiful buttons, device-specific elements, scalable font icons, and so much more! This course includes all HTML5, CSS3, jQuery, and even Photoshop files for you to use for free in your own websites & applications.

What are you waiting for? Let's get ahead of the game and get started right now!

=====================
Check out the Final Product
=====================

=======================
What My Students Are Saying
=======================

Ground breaking (and simple) web creation.

Wow. What's the most expensive website on the Internet? Facebook? Twitter? Because when you finish this course you will have hand-coded a webpage that looks and functions JUST like the most impressive and intuitive websites that once took programmers thousands of hours to code. Bootstrap 3 is RIDICULOUSLY straight-forward.

These videos are well created, concise, fast-paced, easy to follow, and just funny enough to keep you chuckling as you're slamming out lines of code. I've taken 3 courses from this instructor. Whenever I have questions he is right there with a simple solution or a helpful suggestion to keep me going forward with the course work.

If you haven't done any coding before (or need to get brushed up on HTML) this guy's HTML course is a bit slower and more in depth as to how the entry level code works. This Bootstrap course assumes that you're well-versed in HTML and runs with it. My only complaint is that I now have to go back and re-do ALL my websites... because this course info is just too good to pass up. ;)

[tirathmistry]

Awesome tutorial series of Bootstrap 3 Mr.Brad Hussey Thanks so much for your detail tutorial series.I learn so much which I can't learn from my computer classes or any other website on internet you are not only grate teacher but also grate presenter.Your presentation skill is wonderful. Thanks so much for making Bootstrap more Easy, interesting and enjoyable. People like you make YouTube more popular & Educative. Please keep Educating us God Bless you :)

[ActusMondeAM]

You blow up the spot! Creating a website is a real pleasure that way!

[steveagente]

Hola profesor!! Sus cursos están bien explicados. Thank you very much

[EthanReese]

Jamie I had a similar issue. I just hopped over to my CSS file and gave the modal a width of 40% and margin auto. Hope that helps. Thanks Brad for the vids, learning a lot!

[Richter]

Hola querido BRad Hussey, me encantan sus vídeos. By the way im mexican :D. really love your work.

[stephenjames]

Good job - even the accidental mistake of horizontal-form vs. form-horizontal helped to make the info stick. Although the Canadian pronunciation of modal and javascript can be disconcerting.

[egm]

XD the right way is : Hola mis estudiantes, bienvenidos a Code Responsive! because is plural no singular nice!

[hemalpatel]

Can you tell me which software you are using for recording? It's insanely awesome.

[Therealjamieatkinson]

Something looks really wrong with my modal form, the pop up is the full width of the window and the formatting is off? any tips/ideas what i may be doing wrong, i have checked it in safari and Chrome, all my code is the same as yours.

[rockkelle]

How do you make the contact form actually work (so it goes to your email)? When I hit "send" I get a white screen with the text "Cannot POST Any help please?

[ryancrawford]

to get the modal window do we need to use your files? because i'm just using the files from the bootstrap website and I have copied exactly what you have done but my modal window doesn't appear? could you please help with this