Hauptseite: Unterschied zwischen den Versionen

Aus realmath-wiki

Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 1: Zeile 1:
<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>
__NOTOC__
__NOTOC__
{| style=" padding:0.5em"
{| style=" padding:0.5em"
Zeile 34: Zeile 57:


|}
|}
<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:32 Uhr

My First Bootstrap Page

Resize this responsive page to see the effect!

Column 1

Lorem ipsum dolor..

Column 2

Lorem ipsum dolor..

Column 3

Lorem ipsum dolor..


Willkommen beim realmath-Wiki!

Das realmath-Wiki ist eine Ergänzung zur Webseite realmath.de

Jeder Lehrer, der realmath.de im Unterricht nutzt,
kann hier für seine Schüler Lernpfade anlegen,
Bearbeitungshinweise geben oder Übungen als Hausaufgabe geben.

Hilfe zum realmath-Wiki - Informationen zum realmath.de-Wiki
realmath.de Homepage - Startseite