This page is a translated version of the page Extension:Bootstrap and the translation is 57% complete.
MediaWiki 拡張機能マニュアル
OOjs UI icon advanced-invert.svg
リリースの状態: 安定
実装 外装
説明 Provides the Bootstrap 4 web front-end framework
作者 Stephan Gambke (F.trottトーク)
メンテナー Professional.Wiki
最新バージョン 4.5.0 (2021-04-11)
互換性ポリシー master は後方互換性を維持しています。
MediaWiki 1.29+
PHP 5.6+
データベースの変更 いいえ
Composer mediawiki/bootstrap
ライセンス GNU 一般公衆利用許諾書 3.0 以降
README on GitHub
Changelog on GitHub

使用状況とバージョン マトリクスを確認してください。

The Bootstrap extension provides the Bootstrap 4 (version 4.6.0) web front-end framework to MediaWiki. It can be activated directly or used from skins or extensions.


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


Use \Bootstrap\BootstrapManager::getInstance() to get the singleton managing the Bootstrap framework.

With the returned object,

  • add Bootstrap modules using addBootstrapModule(), addCoreBootstrapModules(), and addAllBootstrapModules()
  • set SCSS variables using setScssVariable() and setScssVariables()
  • add style files using addStyleFile()
  • add cache trigger files using addCacheTriggerFile()

Finally to add the Bootstrap styles and javascript to the page use $out->addModuleStyles( 'ext.bootstrap.styles' ) for styles and $out->addModules( 'ext.bootstrap.scripts' ) for scripts.

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

$wgHooks['SetupAfterCache'][] = function(){
	return true;

$wgHooks['ParserAfterParse'][]=function( Parser &$parser, &$text, StripState &$stripState ){
	$parser->getOutput()->addModuleStyles( 'ext.bootstrap.styles' );
	$parser->getOutput()->addModules( 'ext.bootstrap.scripts' );
	return true;

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