BootstrapTest: Unterschied zwischen den Versionen
Aus OGD Cockpit
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (151 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
== redlinks== | |||
<div class="btn btn-default">[[Default]]</div> | <div class="btn btn-default">[[Default]]</div> | ||
<div class="btn btn-info">[[Info]]</div> | <div class="btn btn-info">[[Info]]</div> | ||
| Zeile 7: | Zeile 7: | ||
<div class="btn btn-danger">[[Danger]]</div> | <div class="btn btn-danger">[[Danger]]</div> | ||
<div class="btn btn-link">[[Link]]</div> | <div class="btn btn-link">[[Link]]</div> | ||
<div class="btn btn-primary">[http://www.kdz.or.at KDZ]</div> | == regular links== | ||
<div class="btn btn-default">[[KDZ]]</div> | |||
<div class="btn btn-info">[[KDZ]]</div> | |||
<div class="btn btn-primary">[[KDZ]]</div> | |||
<div class="btn btn-success">[[KDZ]]</div> | |||
<div class="btn btn-warning">[[KDZ]]</div> | |||
<div class="btn btn-danger">[[KDZ]]</div> | |||
<div class="btn btn-link">[[KDZ]]</div> | |||
== external links== | |||
<div class="btn btn-primary"><span style="plainlink">[http://www.kdz.or.at KDZ]</span></div> | |||
== other tests== | |||
<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">No Link</div> | |||
<div class="btn btn-info btn-lg" role="button">[[Large]]</div> | |||
<div class="btn btn-primary btn-lg disabled" role="button">[[Disabled]]</div> | |||
<div class="btn btn-info">[http://www.kdz.or.at KDZ]</div> | <div class="btn btn-info">[http://www.kdz.or.at KDZ]</div> | ||
<div class="btn btn-default"> | <span class="badge">4</span> | ||
== Dropdowns == | |||
=== manual === | |||
<div class="btn-group"> | |||
<div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span> | |||
</div> | |||
<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> | |||
=== with bullets and separator=== | |||
<div class="btn-group"> | |||
<div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span> | |||
</div> | |||
<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 === | |||
<div class="btn-group"> | |||
<div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span> | |||
</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]] | |||
|format=ul | |||
|intro=<span class="dropdown-menu"> | |||
|outro=</span> | |||
}} | |||
</div> | |||
== Text == | |||
<p class="text-muted">Muted Text</p> | |||
<p class="text-primary">Primary Text</p> | |||
<p class="text-success">Success-Text</p> | |||
<p class="text-info">Info-Text</p> | |||
<p class="text-warning">Waringn-Text</p> | |||
<p class="text-danger">Danger-Text</p> | |||
== Text with Links == | |||
<p class="text-muted">[[Muted Text]]</p> | |||
<p class="text-primary">[[Primary Text]]</p> | |||
<p class="text-success">[[Success-Text]]</p> | |||
<p class="text-info">[[Info-Text]]</p> | |||
<p class="text-warning">[[Waringn-Text]]</p> | |||
<p class="text-danger">[[Danger-Text]]</p> | |||
== Backgrounds == | |||
<p class="bg-primary">Primary Text</p> | |||
<p class="bg-success">Success-Text</p> | |||
<p class="bg-info">Info-Text</p> | |||
<p class="bg-warning">Warning-Text</p> | |||
<p class="bg-danger">Danger-Text</p> | |||
== Backgrounds with links == | |||
<p class="bg-primary">[[Primary Text]]</p> | |||
<p class="bg-success">[[Success-Text]]</p> | |||
<p class="bg-info">[[Info-Text]]</p> | |||
<p class="bg-warning">[[Warning-Text]]</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> | </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.
