Week 8 : Bootstrap adding image

      Today practical class, I have learn how to add in image and edit the style without using the traditional way. I have learn how to make the image look circle, rounded shape and in thumbnail size. At the first, we need to create a New CSS rules, then we need to change the border-radius of the image to change the size and shape.

      But with the bootstrap system, we just need to change the class details. Because the system already created the class for you, all you need is call out the function. for example, if you want it to be circle, u need to add in class="img-circle" at the end of the images code. Then it will show something like below.

      Before we end our class, I also learn that how to create hover table & table bordered.

Image in circle

Learning to change the size