BootstrapTest: Unterschied zwischen den Versionen

Aus OGD Cockpit
Wechseln zu:Navigation, Suche
Keine Bearbeitungszusammenfassung
 
(82 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 17: Zeile 17:


== external links==
== 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==
== 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">[[Link]]</div>
<div class="btn btn-info" role="button">No 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">[[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-info">[http://www.kdz.or.at KDZ]</div>


<div class="btn btn-default">
<span class="badge">4</span>
* [[Link1]]
* [[Link2]]
</div>


== Dropdowns ==
== Dropdowns ==
=== Var1 ===
 
=== manual ===
<div class="btn-group">
<div class="btn-group">
<span class="btn btn-default dropdown-toggle">Menu <span class="caret"></span></span>
  <div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span>
<span class="dropdown-menu" >
  </div>
* Test 1
  <ul class="dropdown-menu list-inline">
* Test 2
     <li>[[KDZ]]</li>
</span>
     <li>[[Wien]]</li>
</div>
     <li>[[Bonn]]</li>
=== Var2 ===
<div class="btn-group">
<span type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Menu2 <span class="caret"></span></span>
<ul class="dropdown-menu">
     <li><a href="#">Action</a></li>
     <li><a href="#">Another action</a></li>
     <li><a href="#">Something else here</a></li>
     <li role="separator" class="divider"></li>
     <li role="separator" class="divider"></li>
     <li><a href="#">Separated link</a></li>
     <li>[[Köln]]</li>
</ul>
  </ul>
</div>
</div>
=== Var 3  red links===
 
=== with bullets and separator===
<div class="btn-group">
<div class="btn-group">
   <div type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   <div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span>
    Action <span class="caret"></span>
   </div>
   </div>
   <ul class="dropdown-menu">
   <ul class="dropdown-menu">
     <li>[[Action]]</li>
     <li>[[KDZ]]</li>
     <li>[[Another action]]</li>
     <li>[[Wien]]</li>
     <li>[[Something else here]]</li>
     <li>[[Bonn]]</li>
     <li role="separator" class="divider"></li>
     <li role="separator" class="divider"></li>
     <li>[[Separated link]]</li>
     <li>[[Köln]]</li>
   </ul>
   </ul>
</div>
</div>


=== Var 4 blue links===
=== Semantic ===
 
<div class="btn-group">
<div class="btn-group">
   <div type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   <div class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span>
    Action <span class="caret"></span>
   </div>
   </div>
   <ul class="dropdown-menu">
{{#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>[[KDZ]]</li>
     <li>[[Linz]]</li>
     <li>[[Wien]]</li>
     <li>[[Bonn]]</li>
     <li>[[Bonn]]</li>
     <li role="separator" class="divider"></li>
     <li role="separator" class="divider"></li>
Zeile 83: Zeile 88:
</div>
</div>


=== Var 5 customized===
=== Pills ===
<div class="btn-group">
<div class="nav nav-pills">
   <div class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span>
   <li role="presentation" class="dropdown">
  </div>
    <span class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
   <ul class="dropdown-menu list-inline" style="list-style-type:none">
      Dropdown <span class="caret"></span>
     <li style="list-unstyled">[[KDZ]]</li>
    </span>
     <li>[[Linz]]</li>
   <ul class="dropdown-menu list-inline">
     <li>[[KDZ]]</li>
     <li>[[Wien]]</li>
     <li>[[Bonn]]</li>
     <li>[[Bonn]]</li>
     <li role="separator" class="divider"></li>
     <li role="separator" class="divider"></li>
Zeile 96: Zeile 103:
</div>
</div>


   <ol style="list-style-type:none">
=== 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>[[KDZ]]</li>
     <li>[[Linz]]</li>
     <li>[[Wien]]</li>
     <li>[[Bonn]]</li>
     <li>[[Bonn]]</li>
     <li role="separator" class="divider"></li>
     <li role="separator" class="divider"></li>
     <li>[[Köln]]</li>
     <li>[[Köln]]</li>
   </ol>
   </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 ==
== Text ==
Zeile 118: 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 131: 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

Default
Info
Primary
Success
Warning
Danger
Link

regular links

KDZ
KDZ
KDZ
KDZ
KDZ
KDZ
KDZ

external links

KDZ

other tests

Default
Link
No Link
Large
Disabled


KDZ
4

Dropdowns

manual

Action

with bullets and separator

Action

Semantic

Action

Tabs

Pills

Semantic Piills

Navbar

Semantic Navbar

Text

Muted Text

Primary Text

Success-Text

Info-Text

Waringn-Text

Danger-Text

Text with Links

Muted Text

Primary Text

Success-Text

Info-Text

Waringn-Text

Danger-Text

Backgrounds

Primary Text

Success-Text

Info-Text

Warning-Text

Danger-Text

Backgrounds with links

Primary Text

Success-Text

Info-Text

Warning-Text

Danger-Tex

Jumbotron

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Progress bars

60%
Abgerufen von „https://www.ogdcockpit.eu/index.php?title=BootstrapTest&oldid=1913“
KMA Knowledge Wiki
Powered by Semantic MediaWiki