Aktuelle Version vom 18. November 2015, 12:48 Uhr

@@ Zeile 17: / Zeile 17: @@
 == external links==
-<div class="btn btn-primary">[http://www.kdz.or.at KDZ]</div>
+<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"><span class="plainlinks">[[Default]]</span></div>
+<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-info btn-lg" role="button"  disabled="disabled">[[Disabled]]</div>
+<div class="btn btn-primary btn-lg disabled" role="button">[[Disabled]]</div>
@@ Zeile 30: / Zeile 31: @@
 <div class="btn btn-info">[http://www.kdz.or.at KDZ]</div>
-<div class="btn btn-default">
+ <span class="badge">4</span>
-* [[Link1]]
-* [[Link2]]
+== 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>
-== Dropdowns ==
+=== Semantic Navbar  ===
-<div class="dropdown">
+<div class="navbar navbar-default">
-<span class="btn btn-default dropdown-toggle">Menu <span class="caret"></span>
+  <li role="presentation" class="dropdown list-inline">
-<span class="dropdown-menu" >
+    <span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
-* Test 1
+      Dropdown <span class="caret"></span>
-* Test 2
+    </span>
-</span>
+{{#ask:[[Kategorie:Organisationen]]
+|format=ul
+|intro=<span class="dropdown-menu">
+|outro=</span>
+}}
 </div>
@@ Zeile 58: / Zeile 158: @@
 <p class="text-warning">[[Waringn-Text]]</p>
 <p class="text-danger">[[Danger-Text]]</p>
 == Backgrounds ==
 <p class="bg-primary">Primary Text</p>
@@ Zeile 71: / Zeile 172: @@
 <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>
+== 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>

BootstrapTest: Unterschied zwischen den Versionen

Aktuelle Version vom 18. November 2015, 12:48 Uhr

Inhaltsverzeichnis

redlinks

regular links

external links

other tests

Dropdowns

manual

with bullets and separator

Semantic

Tabs

Pills

Semantic Piills

Navbar

Semantic Navbar

Text

Text with Links

Backgrounds

Backgrounds with links

Jumbotron

Hello, world!

Progress bars