Wie platziert man einen Platz zwischen zwei Zeilen in einem Bootstrap -Tisch?

Jean Dengler
Wie platziert man einen Platz zwischen zwei Zeilen in einem Bootstrap -Tisch?

Tabellen sind die Komponenten, die dazu beitragen, die Daten zu organisieren. Bootstrap bietet mehrere Klassen, die zum Erstellen verschiedener Tabellen verwendet werden, z. B. “tabelllos"Das schafft einen randlosen Tisch"Tischdark"Das wird verwendet, um einen dunklen Tisch zu erstellen"Tischverschluss”Verwendet, um Tische mit Grenzen und vielem mehr zu erstellen. Genauer gesagt das “Grenzkollapse" Und "GrenzabstandEigenschaften werden verwendet, um Platz zwischen den Tabellenzeilen hinzuzufügen.

In dieser Beschreibung wird beschrieben:

    • So erstellen Sie einen bootstrap -ausgrenierten Tisch?
    • So fügen Sie Platz zwischen den Tabellenreihen in Bootstrap hinzu?

So erstellen Sie einen umrandeten Tisch in Bootstrap?

Die umrandete Tabelle wird mit dem erstellt

Element mit der Klasse "Tabellenvertreter". Im Folgenden finden Sie die Anweisungen zum Erstellen einer Tabelle:

    • Zunächst fügen Sie die "hinzu"
"Tag mit dem"Tisch" Und "Tischverschluss" Klassen.
  • Der "Das Tag wird zum Erstellen des Header -Teils verwendet, und das “
    • Das Tag wird verwendet, um den Körperteil anzugeben.
  • Der "
    • Das Tag erstellt Zeilen der Tabelle, die “
    Tag fügt Überschriften hinzu und die “”Tag enthält die Tabellendaten.

    Html


















    NamenBeruf
    JohnSoftwareentwickler
    OliverLehrer


    Ausgang

    So fügen Sie Platz zwischen den Tabellenreihen in Bootstrap hinzu?

    Um Räume zwischen den Tabellenreihen hinzuzufügen, das CSS “Grenzkollapse" Und "GrenzabstandEigenschaften werden verwendet. Die CSS-Eigenschaft „Grenzkollapse“ mit dem als zugewiesenen Wert als “getrennt”Hält den Tischgrenze getrennt. Während die Eigenschaft „Grenzeabstand“ Platz zwischen den Grenzen ergibt.

    Stil „Tisch“

    .Tisch
    Grenzkollapse: getrennt;
    Randabstand: 0 2px;


    Wie Sie auf dem unterbereiteten Bild sehen können, wurden die Räume zwischen den Tabellenzeilen erfolgreich hinzugefügt:


    So können Sie einen Platz zwischen Zeilen in der Bootstrap -Tabelle einlegen.

    Abschluss

    Erstellen Sie zuerst eine Tabelle mit der

    Element. Fügen Sie die "Tabelle" hinzu und "Tischverschluss"Klassen zum"
    Element, um es allgemeine Stile und Grenzen zu liefern. Fügen Sie dann die Räume zwischen den Zeilen mit dem CSS hinzu “Grenzabstand" Eigentum. Diese Eigenschaft funktioniert mit dem “Grenzkollapse"Eigenschaft mit Wert" getrennt ". In dieser Beschreibung wurde beschrieben.

    c scharf
    Was ist der Unterschied zwischen Klasse und Objekt in C#
    Eine Klasse ist eine Blaupause oder Vorlage, die die Eigenschaften und Verhalten eines bestimmten Ob...
    Hussein Burkhard
    C -Programmierung
    Was ist die Dateibehandlung in der C -Programmierung?
    Die Dateibehandlung ist ein wesentlicher Aspekt der C -Programmierung, mit dem Entwickler auf strukt...
    Hussein Burkhard
    Git
    Was sind die Schritte, um eine Datei in Git umzubenennen??
    Um eine Datei in Git umzubenennen, wechseln Sie zunächst zum Stammverzeichnis und listen Sie ihren I...
    Fr. Chris Frisch