This video will help you in understanding how HTML elements helps in structuring the web page components and how CSS helps in realizing planned webpage. While watching this video focus on web-page design that was created on paper, div tags on HTML file and CSS classes defined in CSS file and declared in HTML webpage with id="css_class". This much of information is sufficient for you to understand the importance of CSS.

If you have watched previous videos of this course than you know the importance of CSS. You also know that defining each CSS class as per the screen sizes and aesthetic requirement is a time taking process. Bootstrap is a predefined CSS and JS library that you can use with your web project just by importing it. This video will help you in using Bootstrap in a simple HTML project. I suggest you to follow the instructions given in this video and try to use various Bootstrap components in your webpage.

Once you have integrated bootstrap in your project, you can use the components in your webpage. This video will help you in reading Bootstrap document and utilizing the document to select and use components in your webpage or web-project. When you watch this video, try to create some of the components in your webpage too. This will improve your confidence and help you in understanding the use of bootstrap for smaller to bigger web development projects.

Almost all browsers gives you inspect tool that allow you to interact with HTML elements and its style. Inspect tool is very useful as it allow you to change the look-n-feel of your website to see final result without actually making the changes in code. Once you are satisfied with the modified CSS than you can put that in code. Also, its fun to see how other developers has styled the elements. Its very important that you know how to use inspect tool as a teacher/project-manager and of course as a developer.