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
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 16: Zeile 16:
<div class="btn btn-danger">danger {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>
<div class="btn btn-danger">danger {{PAGENAME}} [[{{PAGENAME}}]] [https://km-a.net KM-A]</div>


== Dropdowns ==
=== manual ===
<div class="btn-group">
  <div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{PAGENAME}}<span class="caret"></span>
  </div>
  <ul class="dropdown-menu list-inline">
    <li>[[{{PAGENAME}}]]</li>
    <li>[[XXXX]]</li> 
    <li>[https://km-a.net KM-A]</li>
    <li role="separator" class="divider"></li>
    <li>[[Vienna]]</li>
  </ul>
</div>
=== secondary  ===
<div class="btn-group">
  <div class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{PAGENAME}} <span class="caret"></span>
  </div>
  <ul class="dropdown-menu">
    <li>[[{{PAGENAME}}]]</li>
    <li>[[XXXX]]</li> 
    <li>[https://km-a.net KM-A]</li>
    <li role="separator" class="divider"></li>
    <li>[[Vienna]]</li>
  </ul>
</div>
=== Semantic ===
<div class="btn-group">
  <div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{PAGENAME}} <span class="caret"></span>
  </div>
{{#ask:[[Kategorie:Cities]]
|format=ul
|intro=<span class="dropdown-menu">
|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 ===
<div class="navbar navbar-primary">
  <li role="presentation" class="dropdown list-inline">
    <span class="dropdown-toggle" data-toggle="dropdown" href="Benutzer:Admin" role="button" aria-haspopup="true" aria-expanded="false">
    Dropdown <span class="caret"></span>
    </span>
  <ul class="dropdown-menu">
    <li>[[{{PAGENAME}}]]</li>
    <li>[[XXXX]]</li> 
    <li>[https://km-a.net KM-A]</li>
    <li role="separator" class="divider"></li>
    <li>[[Vienna]]</li>
  </ul></li>
</div>
=== Semantic Navbar  ===
<div class="navbar navbar-light">
  <li role="presentation" class="dropdown list-inline">
    <span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
      Dropdown <span class="caret"></span>
    </span>
{{#ask:[[Kategorie:Cities]]
|format=ul
|intro=<span class="dropdown-menu">
|outro=</span>
}}</li>
</div>


<div class="card"><div class="mw-collapsible">
<div class="card"><div class="mw-collapsible">
Zeile 150: Zeile 219:
<div class="card-footer"> Footer</div>
<div class="card-footer"> Footer</div>
</div></div></div>
</div></div></div>
== Dropdowns ==
=== manual ===
<div class="btn-group">
  <div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{PAGENAME}}<span class="caret"></span>
  </div>
  <ul class="dropdown-menu list-inline">
    <li>[[{{PAGENAME}}]]</li>
    <li>[[XXXX]]</li> 
    <li>[https://km-a.net KM-A]</li>
    <li role="separator" class="divider"></li>
    <li>[[Vienna]]</li>
  </ul>
</div>
=== secondary  ===
<div class="btn-group">
  <div class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{PAGENAME}} <span class="caret"></span>
  </div>
  <ul class="dropdown-menu">
    <li>[[{{PAGENAME}}]]</li>
    <li>[[XXXX]]</li> 
    <li>[https://km-a.net KM-A]</li>
    <li role="separator" class="divider"></li>
    <li>[[Vienna]]</li>
  </ul>
</div>
=== Semantic ===
<div class="btn-group">
  <div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{PAGENAME}} <span class="caret"></span>
  </div>
{{#ask:[[Kategorie:Cities]]
|format=ul
|intro=<span class="dropdown-menu">
|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 ===
<div class="navbar navbar-primary">
  <li role="presentation" class="dropdown list-inline">
    <span class="dropdown-toggle" data-toggle="dropdown" href="Benutzer:Admin" role="button" aria-haspopup="true" aria-expanded="false">
    Dropdown <span class="caret"></span>
    </span>
  <ul class="dropdown-menu">
    <li>[[{{PAGENAME}}]]</li>
    <li>[[XXXX]]</li> 
    <li>[https://km-a.net KM-A]</li>
    <li role="separator" class="divider"></li>
    <li>[[Vienna]]</li>
  </ul></li>
</div>
=== Semantic Navbar  ===
<div class="navbar navbar-light">
  <li role="presentation" class="dropdown list-inline">
    <span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
      Dropdown <span class="caret"></span>
    </span>
{{#ask:[[Kategorie:Cities]]
|format=ul
|intro=<span class="dropdown-menu">
|outro=</span>
}}</li>
</div>

Version vom 24. Oktober 2023, 18:32 Uhr

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

Dropdowns

manual

secondary

Semantic

Navbar

Semantic Navbar

Bootstrap-Test Bootstrap-Test KM-A

test

Primary Bootstrap-Test Bootstrap-Test KM-A

test

Secondary Bootstrap-Test Bootstrap-Test KM-A

test

Light Bootstrap-Test Bootstrap-Test KM-A

test

dark Bootstrap-Test Bootstrap-Test KM-A

test

darker Bootstrap-Test Bootstrap-Test KM-A

test

Info Bootstrap-Test Bootstrap-Test KM-A

test

Success Bootstrap-Test Bootstrap-Test KM-A

test

Warning Bootstrap-Test Bootstrap-Test KM-A

test

Danger Bootstrap-Test Bootstrap-Test KM-A

test


other tests

4

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%

Cards

Header

Body