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, 18: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,
Hilfe zum realmath-Wiki - Informationen zum realmath.de-Wiki
realmath.de Homepage - Startseite
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>
| |||||||||||||||||||||||