Extension:Bootstrap

This page is a translated version of the page Extension:Bootstrap and the translation is 57% complete.
MediaWiki 拡張機能マニュアル
OOjs UI icon advanced-invert.svg
Bootstrap
リリースの状態: 安定
実装 外装
説明 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(){
	\Bootstrap\BootstrapManager::getInstance()->addAllBootstrapModules();
	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.

関連項目