BootstrapTest: Unterschied zwischen den Versionen
Aus OGD Cockpit
Admin (Diskussion | Beiträge) |
Admin (Diskussion | Beiträge) |
||
| Zeile 184: | Zeile 184: | ||
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> | <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> | ||
60% | 60% | ||
</div> | |||
</div> | |||
== Progressbar 2 == | |||
<div class="progress"> | |||
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"> | |||
<span class="sr-only">40% Complete (success)</span> | |||
</div> | |||
</div> | |||
<div class="progress"> | |||
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%"> | |||
<span class="sr-only">20% Complete</span> | |||
</div> | |||
</div> | |||
<div class="progress"> | |||
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%"> | |||
<span class="sr-only">60% Complete (warning)</span> | |||
</div> | |||
</div> | |||
<div class="progress"> | |||
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"> | |||
<span class="sr-only">80% Complete (danger)</span> | |||
</div> | </div> | ||
</div> | </div> | ||
Version vom 17. November 2015, 23:22 Uhr
redlinks
regular links
external links
other tests
No Link
Messages 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
