Code a Responsive Website with Bootstrap 3 - [Lecture 20] Tooltips & Popovers with jQuery

Lecture #20: In this lecture, we code the HTML and jQuery for the Bootstrap 3 "tooltip" and "popover" 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. ;)

[adison]

Thank you Brad! your video is awesome.

[aqlanable]

if someone put original-title="you clicked me" and it doesn't wok.

you can just remove the original- 

it will be title="you clicked me"  it because the new update of bootstrap maybe :p

[SergeantTrigger]

<strong>Woohoo!</strong> \m/

[ronm]

didnt work for me, just like lecture 13 but i solved this . here the code: <a href="#" tabindex="0" class="btn btn-danger pop" data-toggle="popover" data-placement="top" title="You clicked it!" data-content="I knew you would." data-trigger="focus">Click Here</a>