Mastering Bootstrap for Responsive Design

What is the default number of columns in Bootstrap's grid system?

• 10

• 12

• 16

• 24

Which Bootstrap class is used to create a responsive image?

• .img-responsive

• .img-fluid

• .img-thumbnail

• .img-circle

In Bootstrap, which class would you use to make a column span 4 columns on medium devices?

• .col-md-4

• .col-sm-4

• .col-lg-4

• .col-xl-4

What is the purpose of the Bootstrap class .container?

• To create a fixed-width container

• To create a full-width container

• To create a responsive grid

• To create a navigation bar

Which of the following is a principle of responsive design?

• Fixed layouts

• Fluid grids

• Static images

• Non-scalable fonts

How do you make a form control take up the full width of its parent in Bootstrap?

• Add the class .form-control

• Add the class .form-inline

• Add the class .form-group

• Add the class .form-full

Which Bootstrap class is used to create a form with horizontal labels and inputs?

• .form-horizontal

• .form-inline

• .form-vertical

• .form-grid

What is the smallest breakpoint in Bootstrap 4 for responsive design?

• xs

• sm

• md

• lg

Which class would you use to hide an element on small devices in Bootstrap?

• .d-none

• .d-sm-none

• .d-md-none

• .d-lg-none

In Bootstrap, which class is used to align text to the centre?

• .text-left

• .text-right

• .text-center

• .text-justify