Challenge #2: Update three cards to launch a modal window when the "Go Somewhere" button is clicked

Requirements

  1. Make a copy of a successful attempt of challenge 1 or create a new file for this purpose that shows several cards on the page.
  2. For the first three cards that include the "Go Somewhere" button, attach a modal launch to that button, so that when the button is clicked, a modal window launches.
  3. Use only Bootstrap defaults to achieve your goals.
  4. Document your process as you go using the structure illustrated on this page.
  5. When you break something, try to fix it. If it is broken beyond repair, save the file as a fail and move on to a fresh attempt.

The Attempt

...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

…

…

…

Process

  1. To begin challenge 2, I went to the Bootstrap website to find the way to create a modal launch for a button. I decided to choose the code for a Live Demo modal launch and I had copy/pasted it into my code.
      FAIL: When I pasted the code, it had end up placing in the upper part of the web page.
      Success: I was able to have the modal launch working on my web page and this happen because I copied/pasted the code underneath the botton code that was already there but I made sure to gray out that code so I won't have two buttons at the same time.

Every page's content should end with a call--action that tells the user what to do next. A good call-to-action will have a link the user can click to go to the next resource we want them to see.