Tooltips

Bootstrap's tooltip plugin is an updated version of Jason Frame's jQuery.tipsy plugin. Tooltips can be used to provide users with additional information labels about specific content on your pages or provide insight into what input is expected in form elements.

Bootstrap 4 uses the third-party tether library for positioning. You have to include the Tether library in order to use tooltips with Bootstrap 4. To install and use the Tether library, complete the following steps:

1. Open the bower.json file, which is located in your project's root folder. If you do not see the file in the Visual Studio Solution Explorer, click on the Show All Files button on the Solution Explorer toolbar.

2. In the bower.json file, add the following to the list of dependencies:

           "tether": "1.1.1" 
   

3. Visual Studio should begin to download the tether library to the wwwroot\lib\tether folder in your project.

4. Next, to include the Tether library on your site pages, open the project's _Layout.cshtml file, which...