[MUSIC]
Lassen Sie uns kurz über Bootstrap-Tabellen diskutieren.
Was bringt Bootstrap zu Styling-Tabellen, die wir in unsere Webseiten aufnehmen?
Wir werden auch eine andere Bootstrap-Komponente betrachten, die als Bootstrap-Karte bezeichnet
wird, die eine sehr vielseitige Komponente für die Anzeige von Inhalten ist.
Es kann viele Gelegenheiten geben, in denen Sie tabellarische Inhalte
auf Ihrer Webseite präsentieren möchten.
Tabellen wurden im Wesentlichen für
diesen Zweck entworfen, aber bald dort, nachdem
Webseiten-Designer Tabellen entführt haben, um
Inhalte in den Seiten zu entwerfen und zu legen.
Da der ursprüngliche HTML-Code von Natur
aus nicht in der Lage war, Inhalte in einer Webseite richtig zu gestalten.
Natürlich
wurden die Tabellen mit der Ankunft von rasterbasierten Layouts wie dem Bootstrap-Raster auf Tabellen aktiviert.
Und in zunehmendem Maße bevorzugen die Menschen, Tabellen nicht
als Haupt Art von Building Content Layout in Webseiten zu verwenden.
Gitterbasierte Layouts sind für diesen Zweck besser ausgelegt.
Hier ist ein Beispiel dafür, was wir mit einer Standard-HTML-Tabelle tun können,
indem Sie mehrere Klassen verwenden, die Bootstrap bietet für Styling-Tabellen.
Hier können Sie sehen, dass die Menge auseinander, indem Sie
sie in dunkler Farbe anzeigen und dann die Zeilen selbst hervorgehoben werden,
indem alternative Zeilen mit verschiedenen Sicherungen angezeigt werden.
Die Tabelle, die in Bootstrap basiert auf dieser Seite verwendet
wird, ähnelt der Verwendung von Tabellen in Standard-HTML-Seiten.
Aber natürlich wenden Sie die Klassentabelle an, die
in Bootstrap unterstützt wird, auf eine Standardtabellentechnologie an.
Darüber hinaus bietet Bootstrap viele verschiedene Klassen für Styling-Tabellen wie,
Tabelle gestreift für Zebra gestreifte Tabellen, wie wir in dem Beispiel zuvor gesehen.
In ähnlicher Weise haben wir Tabelle für Grenzen begrenzt.
Tabellen, Tisch-Hover, Tisch-sm für Tabellen mit Zellpolsterung in zwei Hälften geschnitten.
Und ähnlich kann table-responsive auf ein div um Tabellen angewendet werden, so
dass die Tabellen reaktionsschnell gemacht werden können, wo es auf kleineren Bildschirmgrößen angezeigt wird.
Die Tabellen können dann horizontal und vertikal scrollen.
Außerdem können Sie Hintergründe auf einzelne Tabellenzeilen oder
ganze Tabellen selbst anwenden. Im
Folgenden finden Sie einige Beispiele, wie Sie eine
Hintergrundfarbe auf eine bestimmte Zeile oder eine bestimmte Zelle in der Tabelle anwenden können.
Eine weitere vielseitige Komponente, die in Bootstrap verfügbar ist,
ist eine Bootstrap-Karte.
Manchmal möchten Sie möglicherweise einige Inhalte auf Ihrer Webseite hervorheben.
Hier kommt Bootstrap zu Hilfe.
In Bootstrap-Karte ist eine vielseitige Komponente, mit der Sie
Inhalte auf unzählige Arten anzeigen können.
Sie würden bemerken, dass es Ihnen erlaubt, Header für Karten zu haben.
Sie können Bilder auch in Karten aufnehmen.
Sie können Bilder in den Hintergrund von Karten einfügen.
Sie können sogar die Hintergrundfarbe von Karten ändern.
Viele Funktionen werden von Karten unterstützt.
Hier sind ein paar Beispiele für Karten, die wir später in den Übungen sehen werden.
Wir werden auch vielseitiger uns von Karten in späteren Übungen und
anderen Kursen in dieser Spezialisierung sehen.
Card ist ein sehr wichtiges Unternehmen, das effektiv für die
Anzeige von Inhalten verwendet werden kann.
Es ist an der Zeit, mit der nächsten Übung fortzufahren, wo wir Tabellen und
Karten verwenden, um Inhalte auf unserer Webseite anzuzeigen.
( MUSIK)