nevi20-meety2 / y2l-bootstrap-lab1920

Bootstrap Lab - Yearlong 2019/20

Don't forget to FORK first! (and then clone)

Part 1:

1. Create a new file and call it "exercise.html".
2. Create a table layout using a bootstrap grid that includes 3 types of your favorite creatures.
   2.1 The table layout should look similar to this for all types of screens.
   2.2 The name needs to be a link to a wiki page about that creature.

Show your work to an Instructor or a TA!

Bonus:
Open the website you made then right click and inspect element. As you notice, the image isn't compatible with the screen size and can sometimes get out of the borders of the column that includes it. Google how to fix that. (hint: you need to make the image's width compatible with its parent).

Part 2:

Make a carousel that displays the images of the animals you listed previously.

• Add a "Primary" Button with the text "Next", and a "Secondary" Button with the text "Previous".
• Show your work to an instructor or TA

**Bonus:**
Style and design all buttons and links buttons.

Part 3:

Edit calculator.html for this portion of the lab.

Open the calculator.html file in your browser (Chrome/ Firefox). What do you see?
You are right! It's the ugliest thing you've seen all day.

Your job is to make it look more like a calculator using your knowledge about the Grid layout(rows, columns) and Bootstrap components (Buttons, inputs)
Make an interface for a calculator (out of inspiration? click here or here)

The must-haves for the calculator are:

• Buttons from 0-9
• Buttons for addition, subtraction, division, and multiplication
• A Textbox for showing the result

**Bonus:**
Using Javascript, make the calculator work!