Main Page: Difference between revisions

From Bootstrap - Demo Wiki
(add)
(specify Bootstrap version)
 
(37 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<br>
<br>
<big>This is a demo wiki for the usage of [https://getbootstrap.com/docs/4.0/getting-started/introduction/ Bootstrap] Components to e.g. the [https://www.mediawiki.org/wiki/Skin:Chameleon Chameleon], [https://www.mediawiki.org/wiki/Skin:Medik Medik] or [https://www.mediawiki.org/wiki/Skin:Tweeki Tweeki] skin.</big>
<big>This wiki is about '''Bootstrap for MediaWiki'''. It is a demo and test wiki for using [[Bootstrap (framework)|Bootstrap (v4.6.x)]] within MediaWiki, available with, e.g., the [[Chameleon]] or [[Medik]] skins.</big>


A lot of examples on the Boostrap homepage cannot be applied to MediaWiki as is for various reasons. This wiki tries to provide examples adapted for use with MediaWiki.
For various reasons, primarily because it disallows certain HTML tags, one can only use a few examples from the Bootstrap homepage on a regular MediaWiki instance. This wiki provides examples adapted for use with MediaWiki. Furthermore, Bootstrap components available only in MediaWiki through the [[BootstrapComponents]] extension, are also displayed here.  


At the moment this wiki only covers examples provided by the skin itself without the help of the BootstapComponents extension.
<div class="card-deck">
  <div class="card bg-warning">
    <div class="card-header">'''<big>[[Components]]</big>'''</div>
    <div class="card-body  bg-white">
      <p class="card-text">Components are predefined elements or features you can easily add to the wiki to build responsive and visually appealing user interfaces.</p>
      <p class="card-text">{{Cl|Components|Learn more...}}</p>
    </div>
  </div>
  <div class="card bg-warning">
    <div class="card-header">'''<big>[[Colors]]</big>'''</div>
    <div class="card-body bg-white">
      <p class="card-text">Several CSS classes for coloring backgrounds, borders, and text are available. You can use them for com&shy;ponents and other elements.</p>
      <p class="card-text">{{Cl|Colors|Learn more...}}</p>
    </div>
  </div>
  <div class="card bg-warning">
    <div class="card-header">'''<big>[[Grid]]s</big>'''</div>
    <div class="card-body bg-white">
      <p class="card-text">You can use a series of CSS classes to build layouts of all shapes and sizes with responsible (mobile-friendly) columns and rows.</p>
      <p class="card-text">{{Cl|Grid|Learn more...}}</p>
    </div>
  </div>
</div>


You are invited [[Special:CreateAccount|to join]] and add more examples.


{{#ask:
[[Our users|We]] invite '''YOU''' [[Special:CreateAccount|to join]] and add more examples!
[[Category:Component|+depth=0]]
[[Has component content::overview]]
|format=count
}} components with {{#ask:
[[Category:Component]]
[[Has component content::example]]
|format=count
}} examples documented by [[our users]] and still counting!
 
{{#ask:
[[Category:Component|+depth=0]]
[[Has component name::+]]
[[Has component content::overview]]
|?=name
|?Has component description=description
|?Has component provider=provider
|format=plainlist
|introtemplate=HeaderMain
|template=BodyMain
|outrotemplate=Footer
|intro=<h2>Components</h2>
|outro=<br>
|namedargs=yes
}}

Latest revision as of 17:45, 19 January 2024


This wiki is about Bootstrap for MediaWiki. It is a demo and test wiki for using Bootstrap (v4.6.x) within MediaWiki, available with, e.g., the Chameleon or Medik skins.

For various reasons, primarily because it disallows certain HTML tags, one can only use a few examples from the Bootstrap homepage on a regular MediaWiki instance. This wiki provides examples adapted for use with MediaWiki. Furthermore, Bootstrap components available only in MediaWiki through the BootstrapComponents extension, are also displayed here.

Components are predefined elements or features you can easily add to the wiki to build responsive and visually appealing user interfaces.

Learn more...

Several CSS classes for coloring backgrounds, borders, and text are available. You can use them for com­ponents and other elements.

Learn more...

You can use a series of CSS classes to build layouts of all shapes and sizes with responsible (mobile-friendly) columns and rows.

Learn more...


We invite YOU to join and add more examples!