M3- Getting started with Bootstrap

Question 1

What is Bootstrap?

Answer 1

Bootstrap is like a toolkit for web developers. Bootstrap is a collection of pre-written CSS and JavaScript code that helps you create websites faster and more efficiently by providing pre-designed components like buttons, forms, grids, and more.

Question 2

Why Use Bootstrap?

Answer 2

Building websites from scratch can be time-consuming and repetitive. By using Bootstrap, you can speed up the development process by leveraging pre-designed elements, which also helps in maintaining a consistent style and structure.

Question 3

What is the first step in setting up a Bootstrap webpage layout?

Answer 3

The first step is to add container elements. In Bootstrap, a container is a div element with the container class applied to it. This element acts as a wrapper for your content, ensuring it’s aligned and spaced correctly.

Not always the case

Question 4

What are rows and columns in Bootstrap, and how do you use them?

Answer 4

Rows and columns are the building blocks of a Bootstrap layout. A row (div with the row class) is a horizontal section where content is placed. Within a row, you can create columns (div with the col class) to divide the row into vertical sections. This helps in organizing content side by side, like placing a menu in one column and prices in another.

Question 5

What is the img-fluid class?

Answer 5

The img-fluid class ensures the image scales properly within the column.