The Bootstrap 3 Scrollspy is probably one of the most frustrating jQuery plugins to implement. When you google for ‘Bootstrap Scrollspy’ a lot of the search results report something like “Scrollspy not working”.
In this tutorial I’ll show you how you can get it working correctly.
How do you create a popover with a different style from other popovers on the same web page?
The Bootstrap 3 modals are described on the website as “streamlined, but flexible, dialog prompts”. A basic modal is a large box that’s displayed when someone triggers it (usually with a button), provides information and then asks to make a choice.
Although in my opinion the information on the Bootstrap website has improved with the launch of version 3 there are still things that can easily lead to confusion. I hope this tutorial will clarify those issues.
Popovers are different from tooltips because they can contain more text. And a popover is a better choice if you want to display content like images. This tutorial will show how to create a Bootstrap 3 popover with image.
But we’ll also look into other options and some things that might trip you up.
Whenever a jQuery programmer sees code like this:
|
1 2 3 |
$('#element') $('p') $('.class') |
he/she knows a jQuery object is created.
Having some understanding of what objects are (in programming) is important if you want to understand jQuery scripts.