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 -Programmierung
    Was bedeutet '/=' in der C -Programmierung?
    Der „/=“ -Preiber ist ein nützlicher Operator in der C -Programmierung, der Teilung und Zuordnung in...
    Gian Eisenlauer
    Zwangsversteigerung
    Salesforce Apex - Auslöser
    Praktisches Tutorial für Salesforce Apex Trigger und die verschiedenen Exmaples, um den Auslöser bei...
    Lars Daub
    Zwangsversteigerung
    Salesforce Apex - Gouverneur Grenzen
    Tutorial über die Grenzen der Gouverneur und wie sie für verschiedene Szenarien behandelt werden kön...
    Arved Riermeier