Getting ready

To get ready, we need to be aware of several jQuery functions that we will use in this recipe. They are on(), text(), attr(), and parent(). In-depth documentation is available at https://api.jquery.com/.

We also need to be aware of how input add-ons and input add-on buttons are used in Bootstrap 4. For information on this subject, visit the Button add-ons section on input-groups in Bootstrap 4, available at https://v4-alpha.getbootstrap.com/components/input-group/#button-addons.

Finally, since we will use Font Awesome icons in this recipe, it might be worthwhile to check out the cheatsheet at http://fontawesome.io/cheatsheet/.

Get Bootstrap 4 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.