Extension:Bootstrap

The Bootstrap extension provides the [ https://getbootstrap.com/ Bootstrap 4] [ https://getbootstrap.com/docs/4.6/getting-started/introduction/ (version 4.6.2)] web front-end framework to MediaWiki. It can be activated directly or used from skins or extensions.

Installation
See the installation instructions for information on how to install this extension.

Within a skin
Use  to get the singleton managing the Bootstrap framework.

With the returned object,


 * add Bootstrap modules using,  , and
 * set SCSS variables using  and
 * add style files using
 * add cache trigger files using

Finally to add the Bootstrap styles and javascript to the page use  for styles and   for scripts.

For an example on how to include Bootstrap styles in a skin have a look at the Chameleon skin.

Standalone
To simply enable Bootstrap styles on all pages add the following code to your "LocalSettings.php" file:

Effect on Universal Language Selector
If you have the Universal Language Selector (ULS) extension installed, installing the Bootstrap extension will make the ULS's dropdown-menu look disordered and break its search bar (screenshot on GitHub). However, this can be fixed by adding the following code to MediaWiki:Common.css: