From the course: Bootstrap 3 Essential Training

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Creating a tooltip

Creating a tooltip - Bootstrap Tutorial

From the course: Bootstrap 3 Essential Training

Start my 1-month free trial

Creating a tooltip

“

Tooltips are a really nice way to enhance some inline content and they're super simple to do. So, all you have to do is just grab a sentence like this, and then I'm going to delete this right here, and then pick a word. So, I'm going to put this on reptiles and it's going to go inside an anchor tag. And this anchor tag is going to get a few parameters here. So, you can give it a data-toggle of tooltip and then you add data-placement and that can be top, bottom, right, or left. I'm going to put this at the bottom. And then you do a title and then you paste that popover text as the title and I'm going to grab reptiles and paste that anchor closing tag right after the word. And when I save this, you'll see the link. Now, this is not going to work. The tooltips have to be activated separately in JavaScript. So, this is all you need. However, you're going to have to do one more thing. We're going to need to open up our JavaScript and in our script.js file, we're going to have to target…

Contents