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 - Bootstrap Tutorial
From the course: Bootstrap 3 Essential Training
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.