THIS IS ONLY A TESTWIKI! LH, MW 1.39.7, PHP 8, SMW 4.1.3

Bootstrap-Test: Unterschied zwischen den Versionen

Aus Test
Zur Navigation springen Zur Suche springen
VisuellWikitext
Keine Bearbeitungszusammenfassung
Zeile 3: Zeile 3:
{{#queryformlink:form=Metasuche|link text=Suchen|link type=button|query string=Metasuche[Suchbegriff]={{#explode:{{PAGENAME}}|(|0}}&_run|tooltip=mehr zu {{PAGENAME}} suchen...}}
{{#queryformlink:form=Metasuche|link text=Suchen|link type=button|query string=Metasuche[Suchbegriff]={{#explode:{{PAGENAME}}|(|0}}&_run|tooltip=mehr zu {{PAGENAME}} suchen...}}


* {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]
* {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]
<div class="btn">nothing {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn">nothing {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="btn btn-white">White {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn btn-white">White {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="btn btn-light">Light {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn btn-light">Light {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="btn btn-dark">Dark {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn btn-dark">Dark {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="btn btn-darker">Darker {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn btn-darker">Darker {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="btn btn-primary">primary {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn btn-primary">primary {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="btn btn-secondary">secondary {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn btn-secondary">secondary {{PAGENAME}} [[{{PAGENAME}}]][[red link]] [https://km-a.net KM-A]</div>
<div class="btn btn-info">info {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn btn-info">info {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="btn btn-success">success {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn btn-success">success {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="btn btn-warning">warning {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn btn-warning">warning {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="btn btn-danger">danger {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn btn-danger">danger {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>


== Dropdowns ==
== Dropdowns ==
Zeile 24: Zeile 24:
   <ul class="dropdown-menu list-inline">
   <ul class="dropdown-menu list-inline">
     <li>[[{{PAGENAME}}]]</li>
     <li>[[{{PAGENAME}}]]</li>
     <li>[[XXXX]]</li>   
     <li>[[red link]]</li>   
     <li>[https://km-a.net KM-A]</li>
     <li>[https://km-a.net KM-A]</li>
     <li role="separator" class="divider"></li>
     <li role="separator" class="divider"></li>
Zeile 37: Zeile 37:
   <ul class="dropdown-menu">
   <ul class="dropdown-menu">
     <li>[[{{PAGENAME}}]]</li>
     <li>[[{{PAGENAME}}]]</li>
     <li>[[XXXX]]</li>   
     <li>[[red link]]</li>   
     <li>[https://km-a.net KM-A]</li>
     <li>[https://km-a.net KM-A]</li>
     <li role="separator" class="divider"></li>
     <li role="separator" class="divider"></li>
Zeile 60: Zeile 60:
<div class="btn-group" style="margin-bottom:1em;"><div class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">light {{PAGENAME}}<span class="caret"></span></div>{{#ask:[[Kategorie:Cities]]|format=ul|intro=<span class="dropdown-menu small" style="width:30em;">|outro=</span>}}</div>
<div class="btn-group" style="margin-bottom:1em;"><div class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">light {{PAGENAME}}<span class="caret"></span></div>{{#ask:[[Kategorie:Cities]]|format=ul|intro=<span class="dropdown-menu small" style="width:30em;">|outro=</span>}}</div>


=== Navbar ===
=== Navbar (unwichtig) ===
<div class="navbar navbar-primary">
<div class="navbar navbar-primary">
   <li role="presentation" class="dropdown list-inline">
   <li role="presentation" class="dropdown list-inline">
Zeile 68: Zeile 68:
   <ul class="dropdown-menu">
   <ul class="dropdown-menu">
     <li>[[{{PAGENAME}}]]</li>
     <li>[[{{PAGENAME}}]]</li>
     <li>[[XXXX]]</li>   
     <li>[[red link]]</li>   
     <li>[https://km-a.net KM-A]</li>
     <li>[https://km-a.net KM-A]</li>
     <li role="separator" class="divider"></li>
     <li role="separator" class="divider"></li>
Zeile 75: Zeile 75:
</div>
</div>


=== Semantic Navbar  ===
=== Semantic Navbar (unwichtig) ===
<div class="navbar navbar-light">
<div class="navbar navbar-light">
   <li role="presentation" class="dropdown list-inline">
   <li role="presentation" class="dropdown list-inline">
Zeile 89: Zeile 89:
== Cards ==
== Cards ==
<div class="card"><div class="mw-collapsible">
<div class="card"><div class="mw-collapsible">
<div class="card-header"><span class="fas fa-sign"></span> {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="card-header"><span class="fas fa-sign"></span> {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="card-body mw-collapsible-content">
<div class="card-body mw-collapsible-content">
test
test
Zeile 97: Zeile 97:


<div class="card bg-primary"><div class="mw-collapsible">
<div class="card bg-primary"><div class="mw-collapsible">
<div class="card-header"><span class="fas fa-sign"></span> Primary {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="card-header"><span class="fas fa-sign"></span> Primary {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="card-body mw-collapsible-content">
<div class="card-body mw-collapsible-content">
test
test
Zeile 105: Zeile 105:


<div class="card bg-secondary"><div class="mw-collapsible">
<div class="card bg-secondary"><div class="mw-collapsible">
<div class="card-header"><span class="fas fa-sign"></span> Secondary {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="card-header"><span class="fas fa-sign"></span> Secondary {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="card-body mw-collapsible-content">
<div class="card-body mw-collapsible-content">
test
test
Zeile 113: Zeile 113:


<div class="card bg-light"><div class="mw-collapsible">
<div class="card bg-light"><div class="mw-collapsible">
<div class="card-header"><span class="fas fa-sign"></span> Light {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="card-header"><span class="fas fa-sign"></span> Light {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="card-body mw-collapsible-content">
<div class="card-body mw-collapsible-content">
test
test
Zeile 121: Zeile 121:


<div class="card bg-dark"><div class="mw-collapsible">
<div class="card bg-dark"><div class="mw-collapsible">
<div class="card-header"><span class="fas fa-sign"></span> dark {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="card-header"><span class="fas fa-sign"></span> dark {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="card-body mw-collapsible-content">
<div class="card-body mw-collapsible-content">
test
test
Zeile 129: Zeile 129:


<div class="card bg-darker"><div class="mw-collapsible">
<div class="card bg-darker"><div class="mw-collapsible">
<div class="card-header"><span class="fas fa-sign"></span> darker {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="card-header"><span class="fas fa-sign"></span> darker {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="card-body mw-collapsible-content">
<div class="card-body mw-collapsible-content">
test
test
Zeile 137: Zeile 137:


<div class="card bg-info"><div class="mw-collapsible">
<div class="card bg-info"><div class="mw-collapsible">
<div class="card-header"><span class="fas fa-sign"></span> Info {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="card-header"><span class="fas fa-sign"></span> Info {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="card-body mw-collapsible-content">
<div class="card-body mw-collapsible-content">
test
test
Zeile 145: Zeile 145:


<div class="card bg-success"><div class="mw-collapsible">
<div class="card bg-success"><div class="mw-collapsible">
<div class="card-header"><span class="fas fa-sign"></span> Success {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="card-header"><span class="fas fa-sign"></span> Success {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="card-body mw-collapsible-content">
<div class="card-body mw-collapsible-content">
test
test
Zeile 152: Zeile 152:
</div></div>
</div></div>
<div class="card bg-warning"><div class="mw-collapsible">
<div class="card bg-warning"><div class="mw-collapsible">
<div class="card-header"><span class="fas fa-sign"></span> Warning {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="card-header"><span class="fas fa-sign"></span> Warning {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="card-body mw-collapsible-content">
<div class="card-body mw-collapsible-content">
test
test
Zeile 159: Zeile 159:
</div></div>
</div></div>
<div class="card bg-danger"><div class="mw-collapsible">
<div class="card bg-danger"><div class="mw-collapsible">
<div class="card-header"><span class="fas fa-sign"></span> Danger {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="card-header"><span class="fas fa-sign"></span> Danger {{PAGENAME}} [[{{PAGENAME}}]] [[red link]] [https://km-a.net KM-A]</div>
<div class="card-body mw-collapsible-content">
<div class="card-body mw-collapsible-content">
test
test

Version vom 24. Oktober 2023, 18:48 Uhr

nothing Bootstrap-Test Bootstrap-Test red link KM-A
White Bootstrap-Test Bootstrap-Test red link KM-A
Light Bootstrap-Test Bootstrap-Test red link KM-A
Dark Bootstrap-Test Bootstrap-Test red link KM-A
Darker Bootstrap-Test Bootstrap-Test red link KM-A
primary Bootstrap-Test Bootstrap-Test red link KM-A
secondary Bootstrap-Test Bootstrap-Testred link KM-A
info Bootstrap-Test Bootstrap-Test red link KM-A
success Bootstrap-Test Bootstrap-Test red link KM-A
warning Bootstrap-Test Bootstrap-Test red link KM-A
danger Bootstrap-Test Bootstrap-Test red link KM-A

Dropdowns

manual

Bootstrap-Test

secondary

Bootstrap-Test

Semantic

Bootstrap-Test


light Bootstrap-Test

Navbar (unwichtig)

Semantic Navbar (unwichtig)

Cards

Bootstrap-Test Bootstrap-Test red link KM-A

test

Footer
Primary Bootstrap-Test Bootstrap-Test red link KM-A

test

Footer
Secondary Bootstrap-Test Bootstrap-Test red link KM-A

test

Footer
Light Bootstrap-Test Bootstrap-Test red link KM-A

test

Footer
dark Bootstrap-Test Bootstrap-Test red link KM-A

test

Footer
darker Bootstrap-Test Bootstrap-Test red link KM-A

test

Footer
Info Bootstrap-Test Bootstrap-Test red link KM-A

test

Footer
Success Bootstrap-Test Bootstrap-Test red link KM-A

test

Footer
Warning Bootstrap-Test Bootstrap-Test red link KM-A

test

Footer
Danger Bootstrap-Test Bootstrap-Test red link KM-A

test

Footer


other tests

Badge: primary secondary light dark darker info warning danger success

Text

Muted Text

Dark Text

Darker Text

Light Text

Primary Text

Success-Text

Info-Text

Waringn-Text

Danger-Text

Text with Links

Bootstrap-Test Muted Text KM-A

Bootstrap-Test Dark Text KM-A

Bootstrap-Test Darker Text KM-A

Bootstrap-Test Light Text KM-A

Bootstrap-Test Primary Text KM-A

Bootstrap-Test Success-Text KM-A

Bootstrap-Test Info-Text KM-A

Bootstrap-Test Waringn-Text KM-A

Bootstrap-Test Danger-Text KM-A

Backgrounds

Dark Text

Darker Text

Light Text

Primary Text

Success-Text

Info-Text

Warning-Text

Danger-Text

Backgrounds with links

Bootstrap-Test Dark Text KM-A

Bootstrap-Test Darker Text KM-A

Bootstrap-Test Light Text KM-A

Bootstrap-Test Primary Text KM-A

Bootstrap-Test Success-Text KM-A

Bootstrap-Test Info-Text KM-A

Bootstrap-Test Warning-Text KM-A

Bootstrap-Test Danger-Tex KM-A

Jumbotron

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Progress Bars

60%
Abgerufen von „https://test.knowledge.wiki/index.php?title=Bootstrap-Test&oldid=10993“