Extension:Bootstrap

This page is a translated version of the page Extension:Bootstrap and the translation is 100% complete.
Manuel des extensions MediaWiki
OOjs UI icon advanced-invert.svg
Bootstrap
État de la version : stable
Implémentation Habillage
Description Fournit le framework web front-end Bootstrap 4
Auteur(s) Stephan Gambke (F.trottdiscussion)
Maintenance Professional.Wiki
Dernière version 4.5.0 (2021-04-11)
Politique de compatibilité Le master conserve la compatibilité arrière.
MediaWiki 1.29+
PHP 5.6+
Modifie la base
de données
Non
Composer mediawiki/bootstrap
Licence Licence publique générale GNU v3.0 ou supérieur
Téléchargement
README on GitHub
Changelog on GitHub

Vérifier la matrice des utilisations et des versions.

L'extension Bootstrap fournit le framework web front-end Bootstrap 4 (version 4.6.0) à MediaWiki. Il peut être activé directement ou utilisé à partir de skins ou d'extensions.

Installation

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

Utilisation

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.

Voir aussi