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.

    Java
    Beispiele für Java Stream
    Leitfaden zu den verschiedenen Verwendungen des Java -Streams in Java -Programmierungen z. B. das Ge...
    Ansgar Radtke
    Java
    Beispiele für Java Treemap
    Praktisches Tutorial über die Methoden zum Einfügen, Entfernen und Drucken der Elemente des Java -Tr...
    Stephan Harms
    Git
    Git-Stash-Befehl in Git | Erklärt
    Der Befehl „Git Stash“ wird verwendet, um nicht übereinstimmende Änderungen zu speichern, die Benutz...
    Ahmed Stöckert