GC Web Dev L2S12

Which of the following bootstrap style is used to add standard links to .navbar?

• - .navbar-link

• - .link

• - .form-link

• None of the above.

Select the most appropriate CSS media query statement to change the #wrapper selector's width value to 90% on screen devices not wider than 1024px.

• @media only screen and (min-width: 1024px) { #wrapper { width: 90%; } }

• @media only screen and (max-width: 1024px) { #wrapper { width: 90%; } }

• @media all and (min-width: 1024px) { #wrapper { width: 90%; } }

• @media print and (max-width: 1024px) { #wrapper { width: 90%; } }

Which of the following class applies the hover color to a particular row or cell of a table?

• - .active

• - .success

• - .warning

• - .danger

What model includes margin, border, padding, and content?

• CSS Box model

• CSS3 Flexbox Box model

• CSS3 Grid Layout model

• CSS Grid Template Layout Module

  SHOW ANSWER

Write three Bootstrap classes for Buttons.

Evaluate responses using AI:

OFF

Which of the following are flex-direction property values? (Choose all that apply.)

• auto

• row-reverse

• column

• start

How many dimensions are specified in flexbox layout module?

• 1

• 2

• 3

• 4

How many dimensions are specified in the grid layout model?

• 1

• 2

• 3

• 4

grid-area property controls

• The size of the whole grid

• the size of a grid cell

• grid area row start, column start, row end, column end

• the size of the table

Which of the following class is used to create a button as a link in bootstrap?

• .btn-hyperlink

• .btn-anchor

• .btn-link

• None of These