Mit welcher Bootstrap 5 -Klasse kann ein randloser Tisch hergestellt werden?

Mit welcher Bootstrap 5 -Klasse kann ein randloser Tisch hergestellt werden?

Bootstrap ist ein beliebtes CSS -Framework. Es bietet viele vorgefertigte JavaScript und CSS für gemeinsame Designmuster für Webanwendungen. Eine der am häufigsten verwendeten Eigenschaften ist die “Grenze" Eigentum. Es wendet einen Rand um das Element an. Die Bootstrap "TischDie Klasse fügt der Tabelle einige gemeinsame Stile hinzu, einschließlich des Randes. Allerdings das “tabelllosDie Klasse wird verwendet, um einen randlosen Tisch zu erstellen.

Diese Beschreibung wird Sie führen:

  • So erstellen Sie eine Tabelle mit Bootstrap?
  • Mit welcher Bootstrap 5 -Klasse kann ein randloser Tisch hergestellt werden?

So erstellen Sie eine Tabelle mit Bootstrap?

Der "

Das Element erstellt eine Tabelle in HTML. Insbesondere die Bootstrap “Tisch"Klasse wendet allgemeines Styling auf den Tisch an, wie z."Grenze","Farbe","Breite", und mehr.

Schauen Sie sich das Beispiel an, das zeigt, wie eine Tabelle in HTML erstellt wird.

Beispiel

So erstellen Sie eine Tabelle:

  • Ergänzen Sie die "
" Element.
  • Stellen Sie dann den Tischheader mit der “ein“"Tag, in dem das"
  • Tag gibt eine Zeile an und die “Element wird verwendet, um die Datenzeilen hinzuzufügen.
  • Der "
  • ”Tag bestimmt eine Zeile.
  • Der "
  • ”Tag setzt die Überschrift.
  • Nach dem Kopfball die “
  • Tags werden verwendet, um die Daten anzugeben, z. B. Text, Bilder oder mehr:
























    Name BildBeruf
    GänseblümchenLehrer
    LilieLehrer
    TinaKoordinator

    Ausgang

    Es kann beobachtet werden, dass die Bootstrap “Tisch"Klasse hat der Tabelle einige Stile hinzugefügt, einschließlich der"Grenze”. Die Tabelle ohne Grenzen kann jedoch mit der Bootstrap -Klasse erstellt werden. Lassen Sie es uns im folgenden Abschnitt besprechen.

    Mit welcher Bootstrap 5 -Klasse kann ein randloser Tisch hergestellt werden?

    Bootstrap 5 bietet eine “tabelllos”Klasse, mit der eine randlose Tabelle erstellt wird.

    Für eine praktische Implementierung geben Sie das an “tabelllos"Klasse zum"

    Element des laufenden Beispiels:

    Ausgang

    Sie haben erfolgreich etwas über die Bootstrap 5 -Klasse gelernt, um einen grenzenlosen Tisch zu erstellen.

    Abschluss

    Bootstrap 5 bietet die “tabelllosKlasse, um einen randlosen Tisch zu machen. Der "

    Element wird verwendet, um eine Tabelle zu erstellen. Bootstrap "Tisch"Klasse wird zum" hinzugefügt "
    Element, um einige allgemeine Stile darauf anzuwenden, einschließlich der “Grenze”. Um eine randlose Tabelle zu erstellen, fügen Sie das hinzutabelllos”Klasse zum
    Element. Dieser Beitrag hat den Bootstrap 5 erklärt "Tisch ohne Klasse, der verwendet wurde, um einen randlosen Tisch zu machen.