BootstrapTest: Unterschied zwischen den Versionen
Aus OGD Cockpit
Admin (Diskussion | Beiträge) |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 37: | 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 50: | 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 64: | 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 76: | 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 91: | 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 106: | 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 119: | 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 134: | 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 178: | Zeile 178: | ||
</p> | </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.
