Challenge & Quiz

Note

All challenges will follow the same format as shown below:

• You will be presented with the task that needs to be completed;
• Following that, you will encounter a code block where you need to implement changes based on the task;
• Click the Run Code button to preview the live page;
• Beneath the code block, you will find two buttons: Hint and Solution;
  • The Hint button provides guidance for the task;
  • The Solution button reveals the correct solution.
• It's recommended that you attempt the task on your own before resorting to the Solution button.

Task

You've been provided with a basic HTML code featuring a button element, currently styled with default browser styles. While the button element includes class names derived from Bootstrap, no changes are visible on the live page because Bootstrap hasn't been integrated into the project. Your task is to add the appropriate links to connect Bootstrap to the project.

• To add the link to the Bootstrap CSS, use the following code: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">.
• For the Bootstrap JavaScript link, use this code: <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.

Quiz