Bootsrap

What does the Bootstrap class d-flex do?

• Centers the content of the container vertically and horizontally

• Sets the display property to flex for a container

• Aligns the container to the center of the viewport

• Changes the layout to grid

When using the d-flex flex-row classes in Bootstrap, what is the default behavior?

• Children items stack vertically within the container

• Children items are distributed equally in width

• Children items align horizontally from left to right

• The container aligns itself horizontally

Which of the following options describes the behavior of flex-column?

• Aligns child items from top to bottom

• Aligns the container's content horizontally to the center

• Changes the container’s width to 100%

• Allows child items to break into multiple rows

Which of these is true about justify-content-center in a flex container?

• Aligns flex items to the center horizontally

• Aligns flex items to the center vertically

• Stacks items vertically and centers them horizontally

• Spaces the flex items equally across the container

What does the Bootstrap property box-shadow typically do?

• Adds spacing around the container

• Creates a shadow around an element

• Highlights the border of an element with color

• Aligns elements inside a box container

Which statement about flex-row and flex-column is correct?

• flex-row is for vertical alignment, while flex-column is for horizontal alignment

• flex-row aligns items in rows, while flex-column aligns items in columns

• flex-row automatically centers items, while flex-column does not

• Both flex-row and flex-column require align-items-center for proper alignment

Which combination of classes is required to center an element both vertically and horizontally within a container?

• d-flex justify-content-start align-items-start

• d-flex justify-content-center align-items-center

• d-flex flex-row justify-content-between

• flex-column justify-content-center align-items-center

What happens when you use both d-flex and justify-content-between?

• Aligns items at the center with equal spacing between them

• Pushes the first and last items to the edges and evenly distributes the rest

• Positions child items at both ends of the container

• Ignores justify-content-between because d-flex overrides it

If you want flex items to break into a new row when there's no space left, which class should you use?

• d-flex

• flex-wrap

• flex-column

• justify-content-center

What is the primary difference between align-items-center and justify-content-center?

• align-items-center centers items vertically, while justify-content-center centers them horizontally

• align-items-center aligns all content in rows, while justify-content-center creates columns

• align-items-center centers parent content, while justify-content-center centers children

• There’s no difference; they are interchangeable