BootstrapTest: Unterschied zwischen den Versionen

Aus OGD Cockpit
Wechseln zu:Navigation, Suche
Zeile 36: Zeile 36:


== Dropdowns ==
== Dropdowns ==
=== Var1 ===
=== red links ===
<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">Action <span class="caret"></span>
<span class="dropdown-menu" >
* Test 1
* Test 2
</span>
</div>
=== 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><a href="#">Separated link</a></li>
</ul>
</div>
=== Var 3  red links===
<div class="btn-group">
  <div type="button" 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>[[Action]]</li>
    <li>[[Another action]]</li>
    <li>[[Something else here]]</li>
    <li role="separator" class="divider"></li>
    <li>[[Separated link]]</li>
  </ul>
</div>
 
=== Var 4 blue links===
<div class="btn-group">
   <div type="button" 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 list-inline">
     <li>[[KDZ]]</li>
     <li>[[Test1]]</li>
     <li>[[Linz]]</li>
     <li>[[Test2]]</li>
     <li>[[Bonn]]</li>
     <li>[[Test3]]</li>
     <li role="separator" class="divider"></li>
     <li role="separator" class="divider"></li>
     <li>[[Köln]]</li>
     <li>[[Test4]]</li>
   </ul>
   </ul>
</div>
</div>


=== Var 5 customized===
=== actual pages ===
<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">Action <span class="caret"></span>

Version vom 17. November 2015, 19:19 Uhr

redlinks

regular links

external links

other tests

No Link


Dropdowns

red links

actual pages

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