|
|
(4 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| Inhaltsverzeichnis ist nicht Bootstrap, gehört aber zum Design: | | Inhaltsverzeichnis ist nicht Bootstrap, gehört aber zum Design: |
| | |
| | |
| | <div class="card"><div class="mw-collapsible"><div class="card-header"><h3 class="card-title">Header</h3>Header2</div> |
| | <div class="card-body mw-collapsible-content"><h5 class="card-title">Title</h5><p class="card-text">With supporting text below as a natural lead-in to additional content.</p> |
| | Here is the additional content |
| | </div><div class="card-footer">Footer</div> |
| | </div></div> |
| | |
| __TOC__ | | __TOC__ |
|
| |
|
Line 99: |
Line 107: |
| <div class="btn btn-warning">Warning [[Glossary]] [[Test1]]</div> | | <div class="btn btn-warning">Warning [[Glossary]] [[Test1]]</div> |
| <div class="btn btn-info">Info [[Glossary]] [[Test1]]</div> | | <div class="btn btn-info">Info [[Glossary]] [[Test1]]</div> |
| <div class="btn btn-light">Light [[Glossary]] [[Test1]]</div> | | <div class="btn btn-info">Light [[Glossary]] [[Test1]]</div> |
| <div class="btn btn-dark">Dark [[Glossary]] [[Test1]]</div> | | <div class="btn btn-dark">Dark [[Glossary]] [[Test1]]</div> |
| <div class="btn btn-link">[[Glossary]]</div> | | <div class="btn btn-link">[[Glossary]]</div> |
Line 117: |
Line 125: |
|
| |
|
| <div class="btn-group" role="group"> | | <div class="btn-group" role="group"> |
| <div class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown | | <div class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown |
| </div> | | </div> |
| <div class="dropdown-menu" aria-labelledby="btnGroupDrop1"> | | <div class="dropdown-menu" aria-labelledby="btnGroupDrop1"> |
Line 165: |
Line 173: |
| </div><div class="card-footer">Footer</div> | | </div><div class="card-footer">Footer</div> |
| </div></div> | | </div></div> |
| <div class="card"<div class="mw-collapsible">><div class="card-header bg-info"><h3 class="card-title">Info</h3></div> | | <div class="card"><div class="mw-collapsible"><div class="card-header bg-info"><h3 class="card-title">Info</h3></div> |
| <div class="card-body mw-collapsible-content">Here is the additional content | | <div class="card-body mw-collapsible-content">Here is the additional content |
| </div><div class="card-footer">Footer</div> | | </div><div class="card-footer">Footer</div> |
Inhaltsverzeichnis ist nicht Bootstrap, gehört aber zum Design:
Title
With supporting text below as a natural lead-in to additional content.
Here is the additional content
OOUI
MediaWiki verwendet für das User-Interface OOUI Buttons und Icons (z. B. Seite speichern)
Info-Button
Das ist nicht Bottstrap, gehört aber auch zum Design!
Headings
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Text
This is a lead paragraph. It stands out from regular paragraphs.
This is a regular paragraph in comparison.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
Blockquote
A well-known quote, contained in a blockquote element.
Text Colors
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-body
.text-muted
.text-white
.text-black-50
.text-white-50
Classes
Backgrounds
.bg-primary Test
Glossar Test1
.bg-secondary Test
Glossar Test1
.bg-success Test
Glossar Test1
.bg-danger Test
Glossar Test1
.bg-warning Test
Glossar Test1
.bg-info Test
Glossar Test1
.bg-light Test
Glossar Test1
.bg-dark Test
Glossar Test1
.bg-white Test
Glossar Test1
.bg-transparent Test
Glossar Test1
Buttons
Cards
Title
With supporting text below as a natural lead-in to additional content.
Here is the additional content
Here is the additional content
Here is the additional content
Here is the additional content
Here is the additional content
Here is the additional content
Here is the additional content
Here is the additional content
Jumbotron
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
It uses utility classes for typography and spacing to space content out within the larger container.
Input Box