Bootstrap Grid System

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

• 8

• 10

• 12

• 16

Which class would you use to create a column that spans half the width of its container on small screens?

• .col-md-6

• .col-sm-6

• .col-xs-6

• .col-lg-6

How do you create a responsive layout that has two columns of equal width?

• <div class="col-4"></div><div class="col-4"></div>

• <div class="col-6"></div><div class="col-6"></div>

• <div class="col-12"></div><div class="col-12"></div>

Which class is used to create a column that spans all 12 columns on extra small screens but only 6 columns on medium screens?

• .col-xs-12 .col-md-6

• .col-12 .col-md-6

• .col-6 .col-md-12

• .col-sm-12 .col-md-6

How do you create a layout where one column takes up 3/4 of the row's width and the other column takes up 1/4 on medium screens?

• <div class="col-md-8"></div><div class="col-md-4"></div>

• <div class="col-md-9"></div><div class="col-md-3"></div>

• <div class="col-md-6"></div><div class="col-md-6"></div>

• <div class="col-md-4"></div><div class="col-md-8"></div>