Extension:Bootstrap/de

This page is a translated version of the page Extension:Bootstrap and the translation is 43% complete.
MediaWiki-Erweiterungen
OOjs UI icon advanced-invert.svg
Bootstrap
Freigabestatus: stabil
Einbindung Oberfläche
Beschreibung Provides the Bootstrap 4 web front-end framework
Autor(en) Stephan Gambke (F.trottDiskussion)
Betreuer Professional.Wiki
Letzte Version 4.5.0 (2021-04-11)
Kompatibilitätspolitik Master maintains backward compatibility.
MediaWiki 1.29+
PHP 5.6+
Datenbankänderungen Nein
Composer mediawiki/bootstrap
Lizenz GNU General Public License 3.0 oder neuer
Herunterladen
README on GitHub
Changelog on GitHub

Prüfe die Benutzungs- und Versionsmatrix.

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.

Installation

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

Verwendung

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.

Siehe auch