Bootstrap 3 Tutorials - #6 - Modals (Popup Boxes)

In this Bootstrap 3 Tutorial, we will be creating a popup modal which can display text, images, videos or any other HTML element.

[katherinetronolone]

Thank you so much for this (and your other) tutorials. This makes it so much easier to read the documentation and then actually put it into practice.

[RobertJamesYngente]

You've got the best BS3 tuts on youtube. Been trying to find other resources and i'm not getting that much returns on the search.

Hope to see more advanced videos from you, perhaps tips on customizing the look and feel of the basic templates.

[TechMetalPenguin]

Awesome tutorials. I've subscribed and I'm following the whole series. Thank you very much.

[CodersGuide]

Probably going to do an add-on video for this. As for the variables, they'd be sent using post action to a PHP file which will deal with the rest.

[elibutcher]

This tutorial was excellent. The whole series is great so far. I would also like to see something on the modal form. It would be very helpful.

[giannizamora]

can you add the tutorial for the first form. I know that requires php but I think many people want to see how it is done. Thanks for the series btw

[Sumdottycoy]

Very helpful video, better than other videos on youtube! :) Keep up the good work

[vicmena]

I have followed this and the css series... simply awesome.. Keep it up

[jasonwarbird]

I would also like to see a tutorial for the form, thanks!  This series is awesome so far!  Also, the code link is dead.

[zohar]

I just came across this tutorial, it is great!  easy and simple, excellent!

[tbg]

Thanx a lot for sharing us such great tutorials ^^
love your way of explaining
Keep it up

[ericthompson]

Very nice tutorial. I am trying to learn bootstrap and these tutorials have being very helpful. I would like to know how to create forms so I would like you to do a tutorial on that please.

[DragonBallSuperCentralTV]

If anyone's pop up menu is faded out like everything else and is uneditable, then add this line of code... <div class="modal fade" id="contact" data-backdrop="false">

The data-backdrop="false"> is the important part! Don't ask me why, I literally just copy and paste guides on the internet :)

[Alexraz]

Thanks for this Tutorial. Im a new subscriber and I cannot wait for your next video ! D: coders guide is the best!

[burakturk]

the tutorials are really great. thank you.

[elenafranchuk]

Awesome! You helped me so much with my final project :) Keep it up!!!

[samwhillance]

Good tutorial :) It was a nice pace to follow along

[serdar.d]

Very helpfull. Thanks for all tutorial.

[vivianuzor]

Hi! thanks for the tutorial. On the bootstrap website, I saw something about data-toggle and data-target. Why didn't you include them in your code?

[labandus]

great work, just what I needed.
subscribed !