Hauptseite: Unterschied zwischen den Versionen
Aus realmath-wiki
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: Manuelle Zurücksetzung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
||
| Zeile 34: | Zeile 34: | ||
|} | |} | ||
<div class="jumbotron text-center"> | |||
<h1>My First Bootstrap Page</h1> | |||
<p>Resize this responsive page to see the effect!</p> | |||
</div> | |||
<div class="container"> | |||
<div class="row"> | |||
<div class="col-sm-4"> | |||
<h3>Column 1</h3> | |||
<p>Lorem ipsum dolor..</p> | |||
</div> | |||
<div class="col-sm-4"> | |||
<h3>Column 2</h3> | |||
<p>Lorem ipsum dolor..</p> | |||
</div> | |||
<div class="col-sm-4"> | |||
<h3>Column 3</h3> | |||
<p>Lorem ipsum dolor..</p> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="container"> | |||
<h2>Responsive Table</h2> | |||
<p>The .table-responsive-sm class creates a responsive table which will scroll horizontally on screens that are less than 576px wide.</p> | |||
<p>Resize the browser window to see the effect.</p> | |||
<div class="table-responsive-sm"> | |||
<table class="table table-bordered"> | |||
<thead> | |||
<tr> | |||
<th>#</th> | |||
<th>Firstname</th> | |||
<th>Lastname</th> | |||
<th>Age</th> | |||
<th>City</th> | |||
<th>Country</th> | |||
<th>Sex</th> | |||
<th>Example</th> | |||
<th>Example</th> | |||
<th>Example</th> | |||
<th>Example</th> | |||
</tr> | |||
</thead> | |||
<tbody> | |||
<tr> | |||
<td>1</td> | |||
<td>Anna</td> | |||
<td>Pitt</td> | |||
<td>35</td> | |||
<td>New York</td> | |||
<td>USA</td> | |||
<td>Female</td> | |||
<td>Yes</td> | |||
<td>Yes</td> | |||
<td>Yes</td> | |||
<td>Yes</td> | |||
</tr> | |||
</tbody> | |||
</table> | |||
</div> | |||
</div> | |||
Version vom 9. August 2023, 17:29 Uhr
Willkommen beim realmath-Wiki!Das realmath-Wiki ist eine Ergänzung zur Webseite realmath.de Jeder Lehrer, der realmath.de im Unterricht nutzt,  
My First Bootstrap PageResize this responsive page to see the effect! Column 1Lorem ipsum dolor.. Column 2Lorem ipsum dolor.. Column 3Lorem ipsum dolor.. Responsive TableThe .table-responsive-sm class creates a responsive table which will scroll horizontally on screens that are less than 576px wide. Resize the browser window to see the effect.
<thead>
</thead>
<tbody>
</tbody>
| |||||||||||||||||||||||
