Login Logout
Jump to: navigation, search

Bootstrap Tooltips

This Tooltips extension isn't a Bootstrap component, sadly I was unable to get that working, however this may be a little better given that there are 6 themes available, more on this below.

This extensions isn't included with the skin, so if you want to use it with Bootstrapskin you'll need to download and install.



Tooltips works with any element that includes id="tipster".

Tooltip Test


<div id="tipster" class="btn btn-default" title="This is my tooltip message!">Tooltip Test</div>

The six themes are;

  • tooltipster-noir
  • tooltipster-default
  • tooltipster-borderless
  • tooltipster-punk
  • tooltipster-shadow
  • tooltipster-noir


Once downloaded extract the files into the extensions folder, add the following to LocalSettings.php

require_once "$IP/extensions/Tooltips/Tooltips.php";

Open to edit Mediawiki:Common.js and add the following;

jQuery(document).ready(function($) {
    theme: 'tooltipster-noir'

Rate us!

Did you find this article useful? Why not rate it?