BootstrapTest: Unterschied zwischen den Versionen
Aus OGD Cockpit
Admin (Diskussion | Beiträge) (→manual) |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (31 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> | |||
</span> | |||
== Dropdowns == | == Dropdowns == | ||
| Zeile 44: | Zeile 37: | ||
=== manual === | === manual === | ||
<div class="btn-group"> | <div class="btn-group"> | ||
<div class="btn btn-default dropdown-toggle" data-toggle="dropdown" | <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 57: | 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 71: | 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]] | {{#ask:[[Kategorie:Organisationen]] | ||
| Zeile 83: | Zeile 76: | ||
<div class="nav nav-tabs"> | <div class="nav nav-tabs"> | ||
<li role="presentation" class="dropdown"> | <li role="presentation" class="dropdown"> | ||
<span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button"> | <span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> | ||
Dropdown <span class="caret"></span> | Dropdown <span class="caret"></span> | ||
</span> | </span> | ||
| Zeile 98: | Zeile 91: | ||
<div class="nav nav-pills"> | <div class="nav nav-pills"> | ||
<li role="presentation" class="dropdown"> | <li role="presentation" class="dropdown"> | ||
<span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button"> | <span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> | ||
Dropdown <span class="caret"></span> | Dropdown <span class="caret"></span> | ||
</span> | </span> | ||
| Zeile 113: | Zeile 106: | ||
<div class="nav nav-pills"> | <div class="nav nav-pills"> | ||
<li role="presentation" class="dropdown"> | <li role="presentation" class="dropdown"> | ||
<span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button"> | <span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> | ||
Dropdown <span class="caret"></span> | Dropdown <span class="caret"></span> | ||
</span> | </span> | ||
| Zeile 126: | Zeile 119: | ||
<div class="navbar navbar-default"> | <div class="navbar navbar-default"> | ||
<li role="presentation" class="dropdown list-inline"> | <li role="presentation" class="dropdown list-inline"> | ||
<span class="dropdown-toggle" data-toggle="dropdown" href="Benutzer:Admin" role="button" > | <span class="dropdown-toggle" data-toggle="dropdown" href="Benutzer:Admin" role="button" aria-haspopup="true" aria-expanded="false"> | ||
Dropdown <span class="caret"></span> | Dropdown <span class="caret"></span> | ||
</span> | </span> | ||
| Zeile 141: | Zeile 134: | ||
<div class="navbar navbar-default"> | <div class="navbar navbar-default"> | ||
<li role="presentation" class="dropdown list-inline"> | <li role="presentation" class="dropdown list-inline"> | ||
<span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button"> | <span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> | ||
Dropdown <span class="caret"></span> | Dropdown <span class="caret"></span> | ||
</span> | </span> | ||
| Zeile 165: | 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 178: | 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.
