Mastering Bootstrap Essentials

What is the purpose of Bootstrap grids?

• The purpose of Bootstrap grids is to create responsive and flexible layouts for web pages.

• To provide a framework for server-side programming.

• To create fixed layouts for web pages.

• To enhance the performance of JavaScript functions.

How do you create a responsive layout using Bootstrap?

• Apply fixed widths to all elements.

• Ignore media queries completely.

• Use Bootstrap's grid system with 'container', 'row', and 'col' classes to create a responsive layout.

• Use only CSS for layout styling.

What class is used to create a button in Bootstrap?

• btn-default

• btn

• button

• btn-primary

How can you align images in Bootstrap?

• Set image alignment with 'text-align' property.

• Use utility classes like 'float-start', 'float-end', 'mx-auto', or 'd-flex' with 'justify-content-center'.

• Align images using CSS Grid only.

• Use the 'img-responsive' class for all images.

What is the default breakpoint for medium devices in Bootstrap?

• 1024px

• 480px

• 768px

• 640px

Which Bootstrap class is used for creating a table?

• table-responsive

• table-striped

• table-bordered

• table

How do you add icons to buttons in Bootstrap?

• Icons cannot be added to buttons in Bootstrap.

• Add icons using CSS classes only.

• Use with inside to add icons.

• Use tag with for icons.

What is the function of the .container class in Bootstrap?

• The .container class is used for styling buttons in Bootstrap.

• The .container class creates a full-width layout for all devices.

• The .container class provides a responsive fixed-width layout for content.

• The .container class is responsible for managing Bootstrap's grid system.

How can you create a form using Bootstrap?

• Use Bootstrap classes to structure and style your form elements.

• Create forms using JavaScript frameworks only.

• Style forms with inline CSS instead of Bootstrap.

• Use only HTML tags without Bootstrap classes.

What is the purpose of the .row class in Bootstrap?

• The .row class is for styling text in Bootstrap.

• The .row class is used to create a horizontal group of columns in Bootstrap's grid system.

• The .row class is used to create vertical spacing between elements.

• The .row class is used to define the color scheme of a webpage.