Main Page: Difference between revisions

From Bootstrap - Demo Wiki
(chg)
(chg)
Line 15: Line 15:
  |headers=plain
  |headers=plain
}}
}}
<div class="alert alert-warning" role="alert">
This wiki contains content from [https://getbootstrap.com/ Bootstrap] which is licensed [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported (CC BY 3.0).] Thank you to all people out there creating great content!
</div>

Revision as of 19:31, 13 May 2022


This is the demo wiki for the usage of Bootstrap Components to e.g. the Chameleon, Medik or Tweeki skin.

A lot of examples on the Boostrap homepage cannot be applied to MediaWiki as is. This wiki tries to provide examples adapted for use with MediaWiki.

Components:

NameDescription
AccordionA group of collapsible cards in which opening one card closes all others
AlertAn alert provides contextual feedback messages for typical user actions.
BadgeA badge provides a way to label content.
BreadcrumbA breadcrumb indicates the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
ButtonA set of button styles that can link to pages in the wiki.
CardA card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.
Card deckA card deck adds cards as a single, un-attached element with equal width and height columns
Card groupA card group adds cards as a single, attached element with equal width and height columns
CarouselA carousel cycles through images, like a slide show.
CollapseToggle the display of a large amount of content with a button.
JumbotronLightweight, flexible component for showcasing hero unit style content.
List groupA list group is used to display a series of content.
ModalA dialog box that is displayed on top of the current page.
PopoverA small pop-up box that appears next to a button when it's clicked, but that can contain more content than a tooltip.
TooltipDisplays a tooltip when hovering over an element.