BootstrapTest: Unterschied zwischen den Versionen
Aus OGD Cockpit
Admin (Diskussion | Beiträge) |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (55 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 20: | Zeile 20: | ||
== other tests== | == other tests== | ||
<div class="btn btn-default" role="button | <div class="btn btn-default" role="button">[[Default]]</div> | ||
<div class="btn btn-info" role="button">[[Link]]</div> | <div class="btn btn-info" role="button">[[Link]]</div> | ||
| Zeile 29: | Zeile 29: | ||
<div class="btn btn-info | <div class="btn btn-info">[http://www.kdz.or.at KDZ]</div> | ||
< | <span class="badge">4</span> | ||
</ | |||
== Dropdowns == | == Dropdowns == | ||
| Zeile 40: | Zeile 37: | ||
=== manual === | === manual === | ||
<div class="btn-group"> | <div class="btn-group"> | ||
<div class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span> | <div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span> | ||
</div> | </div> | ||
<ul class="dropdown-menu list-inline"> | <ul class="dropdown-menu list-inline"> | ||
| Zeile 53: | Zeile 50: | ||
=== with bullets and separator=== | === with bullets and separator=== | ||
<div class="btn-group"> | <div class="btn-group"> | ||
<div class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span> | <div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span> | ||
</div> | </div> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| Zeile 67: | Zeile 64: | ||
<div class="btn-group"> | <div class="btn-group"> | ||
<div class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span> | <div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span> | ||
</div> | </div> | ||
{{#ask:[[Kategorie:Organisationen]] | |||
|format=ul | |||
|intro=<span class="dropdown-menu"> | |||
|outro=</span> | |||
}} | |||
</div> | |||
=== Tabs === | |||
<div class="nav nav-tabs"> | |||
<li role="presentation" class="dropdown"> | |||
<span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> | |||
Dropdown <span class="caret"></span> | |||
</span> | |||
<ul class="dropdown-menu list-inline"> | |||
<li>[[KDZ]]</li> | |||
<li>[[Wien]]</li> | |||
<li>[[Bonn]]</li> | |||
<li role="separator" class="divider"></li> | |||
<li>[[Köln]]</li> | |||
</ul> | |||
</div> | |||
=== Pills === | |||
<div class="nav nav-pills"> | |||
<li role="presentation" class="dropdown"> | |||
<span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> | |||
Dropdown <span class="caret"></span> | |||
</span> | |||
<ul class="dropdown-menu list-inline"> | |||
<li>[[KDZ]]</li> | |||
<li>[[Wien]]</li> | |||
<li>[[Bonn]]</li> | |||
<li role="separator" class="divider"></li> | |||
<li>[[Köln]]</li> | |||
</ul> | |||
</div> | |||
=== Semantic Piills === | |||
<div class="nav nav-pills"> | |||
<li role="presentation" class="dropdown"> | |||
<span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> | |||
Dropdown <span class="caret"></span> | |||
</span> | |||
{{#ask:[[Kategorie:Organisationen]] | |||
|format=ul | |||
|intro=<span class="dropdown-menu"> | |||
|outro=</span> | |||
}} | |||
</div> | |||
=== Navbar === | |||
<div class="navbar navbar-default"> | |||
<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>[[KDZ]]</li> | |||
<li>[[Wien]]</li> | |||
<li>[[Bonn]]</li> | |||
<li role="separator" class="divider"></li> | |||
<li>[[Köln]]</li> | |||
</ul> | |||
</div> | |||
=== Semantic Navbar === | |||
<div class="navbar navbar-default"> | |||
<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:Organisationen]] | {{#ask:[[Kategorie:Organisationen]] | ||
|format=ul | |format=ul | ||
| Zeile 90: | Zeile 158: | ||
<p class="text-warning">[[Waringn-Text]]</p> | <p class="text-warning">[[Waringn-Text]]</p> | ||
<p class="text-danger">[[Danger-Text]]</p> | <p class="text-danger">[[Danger-Text]]</p> | ||
== Backgrounds == | == Backgrounds == | ||
<p class="bg-primary">Primary Text</p> | <p class="bg-primary">Primary Text</p> | ||
| Zeile 103: | Zeile 172: | ||
<p class="bg-warning">[[Warning-Text]]</p> | <p class="bg-warning">[[Warning-Text]]</p> | ||
<p class="bg-danger">[[Danger-Tex]]</p> | <p class="bg-danger">[[Danger-Tex]]</p> | ||
== Jumbotron == | |||
<div class="jumbotron"> | |||
<h1>Hello, world!</h1> | |||
<p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information. | |||
</p> | |||
</div> | |||
== Progress bars == | |||
<div class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> 60% </div></div> | |||
Aktuelle Version vom 18. November 2015, 12:48 Uhr
redlinks
regular links
external links
other tests
No Link
4
Dropdowns
manual
Action
with bullets and separator
Action
Semantic
Action
Tabs
Pills
Semantic Piills
Text
Muted Text
Primary Text
Success-Text
Info-Text
Waringn-Text
Danger-Text
Text with Links
Backgrounds
Primary Text
Success-Text
Info-Text
Warning-Text
Danger-Text
Backgrounds with links
Jumbotron
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
