Tabellen

Standard Tabelle

Lorem	Lorem	Lorem
Ipsum	Ipsum	Ipsum
Ipsum	Ipsum	Ipsum

<div class="table-responsive">
    <table class="table">
        <thead>
        <tr>
            <th scope="col">Lorem</th>
            <th scope="col">Lorem</th>
            <th scope="col">Lorem</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>Ipsum</td>
            <td>Ipsum</td>
            <td>Ipsum</td>
        </tr>
        <tr>
            <td>Ipsum</td>
            <td>Ipsum</td>
            <td>Ipsum</td>
        </tr>
        </tbody>
    </table>
</div>

Tabelle mit farbigem Tabellenkopf

Lorem	Lorem	Lorem
Ipsum	Ipsum	Ipsum
Ipsum	Ipsum	Ipsum

<div class="table-responsive">
    <table class="table table-primary">
        <thead>
        <tr>
            <th scope="col">Lorem</th>
            <th scope="col">Lorem</th>
            <th scope="col">Lorem</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>Ipsum</td>
            <td>Ipsum</td>
            <td>Ipsum</td>
        </tr>
        <tr>
            <td>Ipsum</td>
            <td>Ipsum</td>
            <td>Ipsum</td>
        </tr>
        </tbody>
    </table>
</div>

Kleine Tabelle

Lorem	Lorem	Lorem
Ipsum	Ipsum	Ipsum
Ipsum	Ipsum	Ipsum

<div class="table-responsive">
    <table class="table table-sm table-primary">
        <thead>
        <tr>
            <th scope="col">Lorem</th>
            <th scope="col">Lorem</th>
            <th scope="col">Lorem</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>Ipsum</td>
            <td>Ipsum</td>
            <td>Ipsum</td>
        </tr>
        <tr>
            <td>Ipsum</td>
            <td>Ipsum</td>
            <td>Ipsum</td>
        </tr>
        </tbody>
    </table>
</div>