Extension:Bootstrap/zh
![]() 发行状态: 穩定版 |
|
---|---|
实现 | 皮肤 |
描述 | Provides the Bootstrap 4 web front-end framework |
作者 | Stephan Gambke (F.trott讨论) |
维护者 | Professional Wiki |
最新版本 | 4.6.2 (2023-06-06) |
兼容性政策 | master分支维持向后兼容。 |
MediaWiki | 1.29+ |
PHP | 5.6+ |
数据库更改 | 否 |
Composer | mediawiki/bootstrap |
许可协议 | GNU通用公眾授權條款3.0或更新版本 |
下載 | README on GitHub Changelog on GitHub |
季度下載量 | 0 |
The Bootstrap extension provides the Bootstrap 4 (documentation) 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.
Usage
Within a skin
Use \Bootstrap\BootstrapManager::getInstance()
to get the singleton managing the Bootstrap framework.
With the returned object,
- add Bootstrap modules using
addBootstrapModule()
,addCoreBootstrapModules()
, andaddAllBootstrapModules()
- set SCSS variables using
setScssVariable()
andsetScssVariables()
- 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.
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:
$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;
};
Known issues
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:
.uls-language-list {
display: block;
}
.uls-search {
display: block;
}
See also
- the Bootstrap framework homepage
- the SASS/SCSS homepage
- the Chameleon skin that uses this extension
- the BootstrapComponents extension that uses this extension and lets editors utilize its potential inside wiki markup
此扩展在以下wiki农场/托管网站和/或软件包中提供: 這不是一份權威名單。 即使某些wiki农场/托管网站和/或软件包未在这里列出,它们也可能提供此扩展。 请检查你的wiki农场/托管网站或软件包以确认提供情况。 |