Wechseln zu: Navigation, Suche

Bausteintest: Unterschied zwischen den Versionen

 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<div class="table-responsive">
+
<div class="bs-example" data-example-id="contextual-table">
     <table class="table table-bordered table-striped">
+
     <table class="table">
 
       <thead>
 
       <thead>
 
         <tr>
 
         <tr>
           <th></th>
+
           <th>#</th>
           <th>
+
           <th>Column heading</th>
            Extra small devices
+
           <th>Column heading</th>
            <small>Phones (&lt;768px)</small>
+
           <th>Column heading</th>
          </th>
+
           <th>
+
            Small devices
+
            <small>Tablets (≥768px)</small>
+
          </th>
+
           <th>
+
            Medium devices
+
            <small>Desktops (≥992px)</small>
+
          </th>
+
          <th>
+
            Large devices
+
            <small>Desktops (≥1200px)</small>
+
          </th>
+
 
         </tr>
 
         </tr>
 
       </thead>
 
       </thead>
 
       <tbody>
 
       <tbody>
         <tr>
+
         <tr class="active">
           <th class="text-nowrap" scope="row">Grid behavior</th>
+
           <th scope="row">10.00</th>
           <td>Horizontal at all times</td>
+
           <td>
           <td colspan="3">Collapsed to start, horizontal above breakpoints</td>
+
* Aufgezählter Listeneintrag Column content ext keine Ahnung, was man sich da so ausdenken kann Column content Column content Column content Column content
 +
* Column content Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann. Column content Column content Column content Column content Column content Column content Column content Column content Column
 +
* content Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann. </td>
 +
          <td>Column content Column content Column content Column content Column content Column content Column content Column content Column
 +
* content Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann. Column content Column content Column content Column content Column content Column content Column content Column content Column content
 +
* Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann. Column content Column content Column content Column content Column content Column content Column content Column content Column content Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann. </td>
 +
           <td>Column content Column content Column content Column content Column content Column content Column content Column content Column content Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann. </td>
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
           <th class="text-nowrap" scope="row">Container width</th>
+
           <th scope="row">2</th>
           <td>None (auto)</td>
+
           <td>Column content</td>
          <td>750px</td>
+
           <td>Column content</td>
           <td>970px</td>
+
           <td>Column content</td>
           <td>1170px</td>
+
 
         </tr>
 
         </tr>
         <tr>
+
         <tr class="success">
           <th class="text-nowrap" scope="row">Class prefix</th>
+
           <th scope="row">3</th>
           <td><code>.col-xs-</code></td>
+
           <td>Column content</td>
           <td><code>.col-sm-</code></td>
+
           <td>Column content</td>
           <td><code>.col-md-</code></td>
+
           <td>Column content</td>
          <td><code>.col-lg-</code></td>
+
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
           <th class="text-nowrap" scope="row"># of columns</th>
+
           <th scope="row">4</th>
           <td colspan="4">12</td>
+
           <td>Column content</td>
 +
          <td>Column content</td>
 +
          <td>Column content</td>
 
         </tr>
 
         </tr>
         <tr>
+
         <tr class="info">
           <th class="text-nowrap" scope="row">Column width</th>
+
           <th scope="row">5</th>
           <td class="text-muted">Auto</td>
+
           <td>Column content</td>
           <td>~62px</td>
+
           <td>Column content</td>
           <td>~81px</td>
+
           <td>Column content</td>
          <td>~97px</td>
+
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
           <th class="text-nowrap" scope="row">Gutter width</th>
+
           <th scope="row">6</th>
           <td colspan="4">30px (15px on each side of a column)</td>
+
           <td>Column content</td>
 +
          <td>Column content</td>
 +
          <td>Column content</td>
 
         </tr>
 
         </tr>
         <tr>
+
         <tr class="warning">
           <th class="text-nowrap" scope="row">Nestable</th>
+
           <th scope="row">7</th>
           <td colspan="4">Yes</td>
+
           <td>Column content</td>
 +
          <td>Column content</td>
 +
          <td>Column content</td>
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
           <th class="text-nowrap" scope="row">Offsets</th>
+
           <th scope="row">8</th>
           <td colspan="4">Yes</td>
+
           <td>Column content</td>
 +
          <td>Column content</td>
 +
          <td>Column content</td>
 
         </tr>
 
         </tr>
         <tr>
+
         <tr class="danger">
           <th class="text-nowrap" scope="row">Column ordering</th>
+
           <th scope="row">9</th>
           <td colspan="4">Yes</td>
+
           <td>Column content</td>
 +
          <td>Column content</td>
 +
          <td>Column content</td>
 
         </tr>
 
         </tr>
 
       </tbody>
 
       </tbody>
 
     </table>
 
     </table>
 
   </div>
 
   </div>
 +
 +
{| class="wikitable"
 +
|-
 +
! Überschrift !! Überschrift !! Überschrift
 +
|-
 +
|
 +
* hallo hier
 +
* und hier
 +
| Beispiel || Beispiel
 +
|-
 +
| Beispiel || Beispiel || Beispiel
 +
|-
 +
| Beispiel || Beispiel || Beispiel
 +
|}

Aktuelle Version vom 25. August 2015, 14:01 Uhr

<thead> </thead> <tbody> </tbody>
# Column heading Column heading Column heading
10.00
  • Aufgezählter Listeneintrag Column content ext keine Ahnung, was man sich da so ausdenken kann Column content Column content Column content Column content
  • Column content Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann. Column content Column content Column content Column content Column content Column content Column content Column content Column
  • content Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann.
Column content Column content Column content Column content Column content Column content Column content Column content Column
  • content Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann. Column content Column content Column content Column content Column content Column content Column content Column content Column content
  • Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann. Column content Column content Column content Column content Column content Column content Column content Column content Column content Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann.
Column content Column content Column content Column content Column content Column content Column content Column content Column content Oder auch mal anderen Text keine Ahnung, was man sich da so ausdenken kann.
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
8 Column content Column content Column content
9 Column content Column content Column content
Überschrift Überschrift Überschrift
  • hallo hier
  • und hier
Beispiel Beispiel
Beispiel Beispiel Beispiel
Beispiel Beispiel Beispiel