How to add HTML support in Bootstrap title/tooltip

The solution is really easy. Simply append the tag data-html="true" to the element and you can use HTML code within the title="" tooltip.

Code example:



Preview

You can use a wide array of HTML tags within the title="", such as <marquee>. Yes, that actually works.

<span data-html="true" title="<marquee>Welcome to the 90s</marquee>"> Do not hover me </span>

Quickly turn any HTML file/site into a desktop app

Step 1: Locate your chrome.exe application

Copy the full path to your Google Chrome executable, for example:

C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

Step 2: Create a new shortcut on your desktop

Enter the following as the shortcut target:

"path/to/chrome.exe" --app=file.html

Examples

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -incognito --app=https://it-db.com

This will create a shortcut to open Google Chrome in “Desktop app” mode (no URL bar or menus etc) and point to the url after the --app= parameter.
The -incognito isn’t neccessary, just for showing the possibility.

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --app=C:\Users\kek\Downloads\cyberchef.htm

Same as above, but this will open a local file on my computer (cyberchef.htm) as a desktop app.

You could even distribute apps as single compressed html files and a corresponding shortcut, as long as the user has Chrome installed and you can figure out the chrome.exe path. Then you’d never have to go through the hassle by using Electron and compile it as an .exe.