Front End Development Libraries

JavaScript
2

You will need to use the correct versions of the libraries.

  1. The challenges are using Bootstrap 3 and there have been breaking changes (components and class names).

  2. The challenges are using animate.css version 3 and there have been breaking changes (class names). You can either change the names or use the compat version (migration).

Adding this to the head should make everything work as in the challenges.

<link
  rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
  crossorigin="anonymous"
/>

<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.compat.css"
/>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>