Herausforderung & Quiz

Hinweis

Alle Herausforderungen folgen dem unten gezeigten Format:

• Ihnen wird die Aufgabe präsentiert, die abgeschlossen werden muss;
• Danach stoßen Sie auf einen Codeblock, in dem Sie Änderungen basierend auf der Aufgabe implementieren müssen;
• Klicken Sie auf die Schaltfläche Code ausführen, um die Live-Seite anzuzeigen;
• Unter dem Codeblock finden Sie zwei Schaltflächen: Hinweis und Lösung;
  • Die Schaltfläche Hinweis bietet Anleitungen für die Aufgabe;
  • Die Schaltfläche Lösung zeigt die korrekte Lösung an.
• Es wird empfohlen, dass Sie die Aufgabe selbstständig versuchen, bevor Sie auf die Schaltfläche Lösung zurückgreifen.

Aufgabe

Sie haben einen grundlegenden HTML-Code mit einem button-Element erhalten, das derzeit mit den Standardbrowserstilen gestaltet ist. Obwohl das button-Element Klassennamen aus Bootstrap enthält, sind auf der Live-Seite keine Änderungen sichtbar, da Bootstrap nicht in das Projekt integriert wurde. Ihre Aufgabe ist es, die entsprechenden Links hinzuzufügen, um Bootstrap mit dem Projekt zu verbinden.

• Um den Link zur Bootstrap-CSS hinzuzufügen, verwenden Sie den folgenden Code: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">.
• Für den Bootstrap-JavaScript-Link verwenden Sie diesen Code: <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.

Quiz