1 00:00:03,750 --> 00:00:11,555 Unsere nächste Übung befasst sich mit Möglichkeiten, Inhalte auf unserer Webseite anzuzeigen. 2 00:00:11,555 --> 00:00:17,190 Sie betrachten, wie wir Tabellen in unsere Webseite aufnehmen können und wie wir 3 00:00:17,190 --> 00:00:23,845 diese Tabellen mit Bootstrap-Klassen für Styling-Tabellen formatieren können, 4 00:00:23,845 --> 00:00:27,720 einschließlich des responsiven Designs von Tabellen. 5 00:00:27,720 --> 00:00:30,860 Wir werden uns auch eine andere vielseitige Komponente ansehen 6 00:00:30,860 --> 00:00:34,290 , die in Bootstrap verfügbar ist, die als Karte bezeichnet wird. Mit 7 00:00:34,290 --> 00:00:39,125 einer Karte können Sie Inhalte auf Millionen von Arten anzeigen. 8 00:00:39,125 --> 00:00:44,495 Wir werden uns also zwei verschiedene Möglichkeiten ansehen, eine Karte zum Anzeigen von Inhalten zu verwenden. 9 00:00:44,495 --> 00:00:49,275 Später werden wir die Verwendung von Karten 10 00:00:49,275 --> 00:00:56,635 für zukünftige Designs bestimmter Teile unserer Website immer wieder sehen. 11 00:00:56,635 --> 00:01:02,520 Um zu beginnen, öffnen Sie die Seite aboutus.html. 12 00:01:02,520 --> 00:01:06,035 Wir werden eine Tabelle und zwei Karten 13 00:01:06,035 --> 00:01:10,215 in die aboutus.html Seite einfügen, um eine Karte anzuzeigen. 14 00:01:10,215 --> 00:01:19,130 Lassen Sie uns zuerst langsam nach unten scrollen, bis nach dieser Karte für Führungsinformationen, 15 00:01:19,130 --> 00:01:23,170 und genau dort werde ich ein anderes div vorstellen 16 00:01:23,170 --> 00:01:28,045 , in dem ich die Tabelle hier einschließen werde. 17 00:01:28,045 --> 00:01:31,640 Also, ich werde hier eine neue Zeile vorstellen, 18 00:01:31,640 --> 00:01:38,135 mit der Klasse als Zeileninhalt. 19 00:01:38,135 --> 00:01:41,185 Und in diesem div 20 00:01:41,185 --> 00:01:51,205 werden wir eine Spalte vorstellen, die die Tabelle hier hosten wird. 21 00:01:51,205 --> 00:01:55,850 Also, ich werde eine Spalte, Spalte 12, 22 00:01:55,870 --> 00:02:05,045 Spalte sm-9 einführen und das div schließen. 23 00:02:05,045 --> 00:02:11,605 Und in div, lassen Sie mich hier eine Überschrift geben 24 00:02:11,605 --> 00:02:21,940 Fakten und Zahlen und schließen Sie die h2. 25 00:02:23,490 --> 00:02:29,770 Gleich danach möchte ich ein anderes div vorstellen, 26 00:02:33,140 --> 00:02:43,320 dass die Klassen sm und Spalte sm-3 spalten und dieses div dort abschließen. 27 00:02:43,320 --> 00:02:46,850 Im Moment werden wir das zweite div leer lassen. 28 00:02:46,850 --> 00:02:53,140 Ich werde hier die Tabelle in das erste div ausfüllen und 29 00:02:53,140 --> 00:03:00,435 dann werden wir einen kurzen Blick auf die Tabelle werfen, nachdem ich den Code für die Tabelle hinzugefügt habe. 30 00:03:00,435 --> 00:03:04,525 Also hier habe ich im Code für die Tabelle aufgelistet. 31 00:03:04,525 --> 00:03:12,190 Werfen wir einen kurzen Blick auf den Tisch und dann kommen wir zurück, um diesen Code hier zu besprechen. 32 00:03:12,190 --> 00:03:20,075 Gehen Sie zu unserer About Seite, an der wir bereits von früher gearbeitet haben, 33 00:03:20,075 --> 00:03:23,080 nach dem Abschnitt Corporate Leadership, 34 00:03:23,080 --> 00:03:27,645 sehen Sie hier eine neue Zeile, die die Tabelle einführt. 35 00:03:27,645 --> 00:03:30,270 Beachten Sie also, wie die Tabelle gestylt ist, 36 00:03:30,270 --> 00:03:36,695 also haben wir den Header mit einem h2 darin enthalten, 37 00:03:36,695 --> 00:03:40,465 aber konzentrieren wir uns speziell auf diese Tabelle. 38 00:03:40,465 --> 00:03:43,735 Sie sehen also, dass diese Tabelle 39 00:03:43,735 --> 00:03:48,125 mit einigen Bootstrap-Klassen formatiert wurde, die verwendet werden, um die Tabelle zu verbessern. 40 00:03:48,125 --> 00:03:54,735 Die Kopfzeile wurde mit einem dunklen Hintergrund gerendert, 41 00:03:54,735 --> 00:04:00,770 und dann sind die Regeln alle so gestaltet, dass alternative Zeilen 42 00:04:00,770 --> 00:04:07,295 in unterschiedlicher Farbe sind, so dass Sie die Zeilen dieser Tabelle deutlich unterscheiden können. 43 00:04:07,295 --> 00:04:13,185 Dies ist, was in Bootstrap Begriffen wird als gestreifte Tabelle bezeichnet. 44 00:04:13,185 --> 00:04:17,360 Dies ist ein Beispiel dafür, wie Sie eine Tabelle formatieren können. 45 00:04:17,360 --> 00:04:23,250 Interessanterweise, wenn Sie sich die gleiche Tabelle in einem kleinen Gerät ansehen, 46 00:04:23,250 --> 00:04:25,420 würden Sie feststellen, dass die Tabelle immer noch 47 00:04:25,420 --> 00:04:29,450 sichtbar ist, außer dass diese Tabelle jetzt scrollbar wird. 48 00:04:29,450 --> 00:04:34,280 Also, was im Inhalt angezeigt werden kann, wird angezeigt und der 49 00:04:34,280 --> 00:04:39,120 Rest der Tabelle kann horizontal an Ort und Stelle gescrollt werden. 50 00:04:39,120 --> 00:04:47,840 Dies ist also die responsive Komponente von Bootstrap Unterstützung für Tabellen in Aktion. 51 00:04:47,840 --> 00:04:52,120 Jetzt gehen wir und werfen einen Blick auf den Code selbst. 52 00:04:52,120 --> 00:04:54,970 Jetzt ist diese Tabelle offensichtlich ziemlich einfach, 53 00:04:54,970 --> 00:04:57,924 sie hat eine Reihe von Zeilen und einige Spalten. 54 00:04:57,924 --> 00:05:02,070 Sie werden also erwarten, dass ich 55 00:05:02,070 --> 00:05:06,365 dort die typischen th, td und tr Tags verwende. Wenn Sie 56 00:05:06,365 --> 00:05:08,225 zurück zum Code wechseln, 57 00:05:08,225 --> 00:05:12,490 werden Sie feststellen, dass ich diese Tabelle in 58 00:05:12,490 --> 00:05:16,840 div einschließe, auf die ich die Klassentabelle ansprechend angewendet habe. 59 00:05:16,840 --> 00:05:19,700 Dies ist es, was diese Tabelle reaktionsschnell macht, so dass 60 00:05:19,700 --> 00:05:26,720 Sie auf kleineren Bildschirmen horizontal in der Tabelle scrollen können. 61 00:05:26,720 --> 00:05:29,800 Beachten Sie nun für die Tabelle selbst, wie ich zwei Klassen angewendet habe. 62 00:05:29,800 --> 00:05:31,230 Eine ist die Tabellenklasse, 63 00:05:31,230 --> 00:05:34,825 also überschreibt dies das 64 00:05:34,825 --> 00:05:39,375 Standard-Tabellenrendern in Browsern, indem Bootstrap eigene Klassen bereitgestellt wird. 65 00:05:39,375 --> 00:05:41,760 Und der zweite sagt Tisch gestreift. 66 00:05:41,760 --> 00:05:48,280 So entwirft hier eine Tabelle mit alternativen Zeilen in verschiedenen Farben. 67 00:05:48,280 --> 00:05:50,610 Dann der Kopf selbst, 68 00:05:50,610 --> 00:05:55,050 so können Sie sehen, dass die Header hier mit der Klasse thead-dark beschrieben, 69 00:05:55,050 --> 00:05:57,925 so dass dies macht den Kopf dunkel. 70 00:05:57,925 --> 00:06:06,630 Und dann sehen Sie die Tabelle zeichnen selbst hier mit den th Tags beschrieben. 71 00:06:06,630 --> 00:06:09,480 Dies ist also Standardtabellendefinition. 72 00:06:09,480 --> 00:06:16,410 Der Hauptteil der Tabelle selbst ist die Standard-HTML-Verwendung von tr 73 00:06:16,410 --> 00:06:22,760 und td und th Elemente, die Sie bereits in html5 vertraut sind. 74 00:06:22,760 --> 00:06:27,180 So ist das, was der Tisch konstruiert ist, 75 00:06:27,180 --> 00:06:31,075 und dann schließen Sie den Tischkörper. Das war's also. 76 00:06:31,075 --> 00:06:36,670 Also wir alles, was an Bootstrap selbst einzigartig ist, ist die Anwendung 77 00:06:36,670 --> 00:06:40,060 dieser spezifischen Bootstrap-Klassen auf 78 00:06:40,060 --> 00:06:47,130 das Tabellenelement selbst, um es weiter zu stylen, 79 00:06:47,130 --> 00:06:51,360 um in eine Bootstrap-Design-Webseite zu passen. 80 00:06:51,360 --> 00:06:55,360 Die nächste Komponente, die ich der 81 00:06:55,360 --> 00:06:59,595 Seite aboutus.html hinzufügen werde, ist eine Kartenkomponente in Bootstrap. 82 00:06:59,595 --> 00:07:02,650 Die Kartenkomponente ermöglicht es uns, Inhalte anzuzeigen, 83 00:07:02,650 --> 00:07:06,850 indem Sie sie vom Rest dieses Inhalts abheben. 84 00:07:06,850 --> 00:07:12,925 Jetzt hier, scrollend zur ersten Zeile hier, 85 00:07:12,925 --> 00:07:16,925 dort haben wir unsere Geschichte in der zweiten div Verwendung, 86 00:07:16,925 --> 00:07:20,915 beachten Sie, dass das erste div bereits col-sm-6 besetzt, 87 00:07:20,915 --> 00:07:23,915 das zweite div ist derzeit leer. 88 00:07:23,915 --> 00:07:25,355 Also zu diesem div 89 00:07:25,355 --> 00:07:31,320 werde ich in der Klasse als col-sm hinzufügen. 90 00:07:31,320 --> 00:07:40,670 Danach, wenn ich in dieses div gehe, werde ich hier ein anderes div zur Klassenkarte vorstellen. 91 00:07:40,670 --> 00:07:42,325 Also in diesen div 92 00:07:42,325 --> 00:07:46,755 werde ich meine Karte aufbauen, um hier einige Inhalte anzuzeigen. 93 00:07:46,755 --> 00:07:53,870 Also in diesem div, werden wir ein h3 vorstellen, dass 94 00:07:53,870 --> 00:08:05,235 die Klasse als card-header bg-primary. 95 00:08:05,235 --> 00:08:08,110 Sie werden also sehen, dass diese h3 als 96 00:08:08,110 --> 00:08:12,755 Kartenüberschrift mit diesem Hintergrund als primärer 97 00:08:12,755 --> 00:08:21,165 und dann Text weiß angezeigt wird, welche Bootstrap-Klasse den Text definiert, um weiß in der Farbe zu sein. 98 00:08:21,165 --> 00:08:24,715 Und dann in diesem h3, 99 00:08:24,715 --> 00:08:31,090 werde ich den Titel für diese Karte hier vorstellen, die 100 00:08:31,090 --> 00:08:37,580 „Fakten auf einen Blick“ ist. 101 00:08:37,580 --> 00:08:41,950 Damit ich hier einige Inhalte in diesem div anzeigen kann. 102 00:08:41,950 --> 00:08:44,915 Nun, zu dieser Karte, als 103 00:08:44,915 --> 00:08:48,520 nächstes werde ich in einem anderen inneren div 104 00:08:48,520 --> 00:08:55,950 hier mit der Klasse als Karte-Körper hinzufügen, 105 00:08:55,950 --> 00:08:59,080 und 106 00:08:59,080 --> 00:09:03,370 in diesem Karte-Körper wird der tatsächliche Inhalt, der auf dieser Karte angezeigt wurde. 107 00:09:03,370 --> 00:09:10,310 Lassen Sie uns die Änderungen speichern und dann gehen und werfen Sie einen Blick auf unsere Webseite. Wenn wir 108 00:09:10,310 --> 00:09:12,100 auf unsere Webseite gehen, 109 00:09:12,100 --> 00:09:15,860 können wir bereits sehen, dass die Karte Gestalt in unserer Webseite annimmt, 110 00:09:15,860 --> 00:09:19,620 so dass Sie sehen können, dass die linke Hälfte von der Geschichte besetzt ist 111 00:09:19,620 --> 00:09:24,085 und in der rechten Hälfte sehen Sie die Karte an Ort und Stelle gesetzt. 112 00:09:24,085 --> 00:09:27,135 Lassen Sie uns einige Inhalte in dieser Karte hinzufügen. 113 00:09:27,135 --> 00:09:29,140 Wenn ich in diesen Kartenblock 114 00:09:29,140 --> 00:09:32,220 gehe, werde ich jetzt eine Beschreibungsliste verwenden 115 00:09:32,220 --> 00:09:36,080 und diese Beschreibungsliste in Bootstrap ermöglicht es mir, 116 00:09:36,080 --> 00:09:45,705 die Zeilen- und Spaltenklassen darauf anzuwenden und dadurch den Inhalt zu formatieren. 117 00:09:45,705 --> 00:09:48,360 Also in dieser Beschreibungsliste 118 00:09:48,360 --> 00:09:52,190 werde ich 119 00:09:54,890 --> 00:10:00,110 in der dt hinzufügen, dass die Klasse und col-6 hier, 120 00:10:00,110 --> 00:10:03,420 also bedeutet, dass dies sechs Spalten 121 00:10:03,420 --> 00:10:07,085 in dieser Beschreibungsliste einnehmen wird, die selbst eine Zeile hier ist. 122 00:10:07,085 --> 00:10:13,785 So verschachtelt, wie Sie hier ins Bild kommen sehen. 123 00:10:13,785 --> 00:10:16,250 Also zu diesem dt 124 00:10:16,250 --> 00:10:20,190 werde ich diesen Beschreibungstitel hier hinzufügen, 125 00:10:20,190 --> 00:10:25,470 und dann unten werde ich die dd mit 126 00:10:25,470 --> 00:10:33,330 der Klasse col-6 hier hinzufügen und dann kann ich in einem Kontext hier hinzufügen. 127 00:10:36,960 --> 00:10:40,310 Und dd hier. 128 00:10:41,880 --> 00:10:46,755 Lassen Sie uns die Änderungen speichern und werfen Sie einen kurzen Blick auf unsere Karte. Wenn Sie 129 00:10:46,755 --> 00:10:50,445 auf unsere Karte gehen, können Sie jetzt sehen, wie 130 00:10:50,445 --> 00:10:55,265 die Beschreibungsliste mir erlaubt, Informationen anzuzeigen. 131 00:10:55,265 --> 00:11:02,700 In meiner Karte sehen Sie die linke Seite und die rechte Seite deutlich angezeigt. 132 00:11:02,700 --> 00:11:07,035 Hier nutzen wir die Beschreibungsliste und 133 00:11:07,035 --> 00:11:09,215 fügen die Informationen dort hinzu. 134 00:11:09,215 --> 00:11:14,590 Lassen Sie mich die restlichen Teile hier, indem Sie den Code hinzufügen, 135 00:11:14,590 --> 00:11:19,745 und dann kommen Sie zurück und werfen Sie einen Blick auf die endgültige Version dieser Karte. 136 00:11:19,745 --> 00:11:22,850 Hier können Sie sehen, dass ich das Hinzufügen in 137 00:11:22,850 --> 00:11:25,895 den restlichen Teilen meiner Beschreibungsliste abgeschlossen habe. 138 00:11:25,895 --> 00:11:31,155 Werfen wir einen kurzen Blick auf unsere endgültige Version dieser Karte. 139 00:11:31,155 --> 00:11:33,290 Werfen Sie einen Blick auf die Karte, 140 00:11:33,290 --> 00:11:34,620 und wie es nimmt Gestalt. 141 00:11:34,620 --> 00:11:39,340 Hier können Sie nun sehen, wie wir eine Karte verwenden können, um 142 00:11:39,340 --> 00:11:41,760 einige Inhalte auf unserer Webseite anzuzeigen und sie 143 00:11:41,760 --> 00:11:44,725 von den restlichen Inhalten auf der Webseite zu unterscheiden. 144 00:11:44,725 --> 00:11:50,325 Eine Karte ist also eine sehr vielseitige Komponente, mit der wir Inhalte wie diesen anzeigen können. 145 00:11:50,325 --> 00:11:52,500 Fahren wir mit dieser Übung fort und 146 00:11:52,500 --> 00:11:56,785 fügen Sie dieser Webseite eine weitere Karte hinzu. 147 00:11:56,785 --> 00:12:01,410 Gehen wir nun wieder zurück zu unserer aboutus.html Seite. 148 00:12:01,410 --> 00:12:06,170 Und direkt unter der Karte, die wir bereits zuvor hinzugefügt haben, 149 00:12:06,170 --> 00:12:14,790 werde ich hier ein anderes div mit der Klasse „col-12" hinzufügen. 150 00:12:14,790 --> 00:12:16,910 Und dann, in diesem div, 151 00:12:16,910 --> 00:12:24,670 werde ich hier eine andere Karte konstruieren, um einige zusätzliche Informationen anzuzeigen. 152 00:12:24,670 --> 00:12:26,495 Also in diesem div, 153 00:12:26,495 --> 00:12:30,210 werde ich eine Karte mit 154 00:12:30,210 --> 00:12:38,915 der Klasse „card card-body bg-light“ konstruieren. 155 00:12:38,915 --> 00:12:45,580 Also, Sie werden sehen, dass ich hier sowohl die Karte als auch den Kartenkörper auf das gleiche div anwende. 156 00:12:45,580 --> 00:12:49,300 Das bedeutet also, dass diese bestimmte Karte 157 00:12:49,300 --> 00:12:54,835 keinen Kartenkopf haben wird, sondern nur den Kartenkörper hier enthält. 158 00:12:54,835 --> 00:12:59,545 Und dann bedeutet das bg-light, dass der Hintergrund in verblasster Farbe sein wird. 159 00:12:59,545 --> 00:13:05,120 Etwas von einer gräulichen Farbe hinzugefügt, um den Hintergrund. 160 00:13:05,120 --> 00:13:10,495 Dies sucht also auch diese Karte abgesehen vom Rest des Inhalts hier. 161 00:13:10,495 --> 00:13:12,815 Nun, in dieser Karte, 162 00:13:12,815 --> 00:13:16,250 werde ich einen Blockcode verwenden, um 163 00:13:16,250 --> 00:13:20,700 dort einige interessante kleine lustige Informationen anzuzeigen. 164 00:13:20,700 --> 00:13:23,980 Also werde ich ein Blockquote verwenden. 165 00:13:23,980 --> 00:13:30,965 Dies ist auch ein HTML-Tag hier. 166 00:13:30,965 --> 00:13:37,005 Und dann werde ich die Blockquote-Klasse von Bootstrap anwenden. 167 00:13:37,005 --> 00:13:42,590 Bootstrap stylt dieses Blockquote auf seine eigene Weise. 168 00:13:42,980 --> 00:13:46,429 Also lasst uns das Blockquote schließen. 169 00:13:46,429 --> 00:13:47,870 Und in diesem Blockquote 170 00:13:47,870 --> 00:13:51,910 werde ich hier ein Zitat hinzufügen. 171 00:13:51,910 --> 00:13:54,320 Also beginne ich mit einem p 172 00:13:54,320 --> 00:13:56,760 und wende eine Klasse namens mb-0 an. 173 00:13:56,760 --> 00:14:02,920 Die mb-0 ist eine Dienstprogrammklasse, die Bootstrap bereitstellt. 174 00:14:02,920 --> 00:14:05,775 Was das bedeutet, ist Margin-Bottom Null. 175 00:14:05,775 --> 00:14:09,640 Für diese besondere, was auch immer es in diesem p-Tag enthalten ist, 176 00:14:09,640 --> 00:14:12,135 haben wir einen unteren Rand von Null. 177 00:14:12,135 --> 00:14:15,865 Und das hilft mir, den Inhalt hier korrekt anzuzeigen. 178 00:14:15,865 --> 00:14:24,900 Also hier werde ich den tatsächlichen Inhalt dort hinzufügen 179 00:14:49,850 --> 00:14:54,970 und dann dieses p schließen, also enthält dieses p das eigentliche Zitat. 180 00:14:54,970 --> 00:14:56,560 Nun, zu diesem Zitat, 181 00:14:56,560 --> 00:14:59,180 damit Sie sehen, dass 182 00:14:59,180 --> 00:15:05,320 Sie in Ihrem Inhalt auch Zitate in Ihren Code einfügen können. 183 00:15:05,320 --> 00:15:10,730 Dazu kann ich auch eine Fußzeile mit der Klasse hinzufügen. 184 00:15:10,730 --> 00:15:14,900 Also lassen Sie mich den Fußzeileneinzug drücken. 185 00:15:14,900 --> 00:15:20,080 Diese Fußzeile ist also auch eine Klasse, die blockquote unterstützt. 186 00:15:20,080 --> 00:15:26,620 Was auch immer Sie in das Blockquote einfügen, 187 00:15:28,570 --> 00:15:31,105 zusammen mit der Fußzeile, 188 00:15:31,105 --> 00:15:39,540 wird es Ihnen ermöglichen, den Autor dieses Zitats anzuzeigen. 189 00:15:40,420 --> 00:15:45,620 Also hier schließe ich den Autor ein, 190 00:15:45,620 --> 00:15:49,165 und dann noch einen. 191 00:15:49,165 --> 00:15:58,860 Mit dem Zitat kann ich sogar die Quelle dieses Zitats zitieren. 192 00:16:01,740 --> 00:16:04,790 So können Sie das sehen. 193 00:16:24,870 --> 00:16:32,955 Auch hier ist dies nur ein Zitat, das ich nur zum Spaß verwende, um Ihnen zu zeigen, 194 00:16:32,955 --> 00:16:35,355 auch zur gleichen Zeit zu veranschaulichen, 195 00:16:35,355 --> 00:16:42,405 wie das Blockquote funktioniert 196 00:16:42,405 --> 00:16:47,800 und wie wir eine andere Art von Karte in Bootstrap erstellen können. 197 00:16:47,800 --> 00:16:55,845 Damit haben wir den Code für die Anzeige des Blockquote hier hinzugefügt. 198 00:16:55,845 --> 00:16:57,890 Lassen Sie mich sehen, ob sich das ändert, 199 00:16:57,890 --> 00:17:04,995 und dann werden wir einen Blick darauf werfen, wie dieses Zitat auf unserer Webseite angezeigt wird. Wenn Sie 200 00:17:04,995 --> 00:17:09,270 zum Browser gehen, 201 00:17:09,270 --> 00:17:14,310 können Sie auf unserer Seite sehen, dass unsere Geschichte und die Fakten auf einen Blick nebeneinander angezeigt werden. 202 00:17:14,310 --> 00:17:22,360 Unten unten habe ich dieses lange Stück Inhalt hier. 203 00:17:22,360 --> 00:17:27,850 Werfen wir einen Blick auf die gleiche Seite in einem extra kleinen Bildschirm. 204 00:17:27,850 --> 00:17:29,250 In einem extra kleinen Bildschirm 205 00:17:29,250 --> 00:17:33,840 können Sie sehen, dass die Geschichte und die Fakten oben gestapelt sind, 206 00:17:33,840 --> 00:17:38,120 und das Zitat ist direkt unten hier in seiner eigenen Karte. 207 00:17:38,120 --> 00:17:40,130 So können Sie zwei Karten sehen, 208 00:17:40,130 --> 00:17:42,225 eine unter der anderen hier, 209 00:17:42,225 --> 00:17:45,860 und dann die Tabelle selbst unten angezeigt. 210 00:17:45,860 --> 00:17:50,685 Die Tabelle selbst ist also eine scrollbare Tabelle hier. 211 00:17:50,685 --> 00:17:54,885 Damit schließen wir diese Übung ab. 212 00:17:54,885 --> 00:17:56,330 In dieser Übung 213 00:17:56,330 --> 00:18:05,950 haben wir gelernt, wie wir Tabellen und Karten für die Anzeige von Inhalten auf unserer Webseite verwenden können. 214 00:18:05,950 --> 00:18:08,690 Jetzt, da wir diese Übung abgeschlossen haben, 215 00:18:08,690 --> 00:18:12,610 ist es ein guter Zeitpunkt, ein Git-Commit zu machen.