Learn Bootstrap and CSS Basics

What is the Bootstrap Grid System used for?

• To create static layouts.

• For managing database connections.

• To enhance server-side scripting.

• The Bootstrap Grid System is used for creating responsive layouts.

How many columns are in the Bootstrap grid?

• 8

• 12

• 16

• 10

What class do you use to create a button in Bootstrap?

• button-class

• btn-primary

• btn

• button

What is the purpose of the 'container' class in Bootstrap?

• To create a responsive layout that centers and constrains content.

• To add custom styles to elements.

• To manage JavaScript functionality in Bootstrap.

• To create fixed-width layouts only.

What does CSS Flexbox help with?

• Creating flexible and responsive layouts.

• Improving website loading speed.

• Enhancing image quality.

• Simplifying HTML structure.

How do you center items using Flexbox?

• Use 'display: block' and 'margin: auto' on the container.

• Apply 'float: left' and 'text-align: center' on the container.

• Use 'display: flex', 'justify-content: center', and 'align-items: center' on the container.

• Set 'display: grid' with 'grid-template-columns: 1fr' on the container.

What is the difference between margin and padding?

• Padding is used for layout; margin is for spacing.

• Margin is external space; padding is internal space.

• Margin is used for text alignment; padding is for color.

• Margin is the same as padding.

How do you add space outside an element?

• Apply the 'display' property to the element.

• Use the CSS 'padding' property.

• Set the 'width' property to create space.

• Use the CSS 'margin' property.

What is the box model in CSS?

• The box model is a layout technique for positioning elements in CSS.

• The box model in CSS is a concept that represents the structure of elements as boxes, including content, padding, border, and margin.

• The box model defines how to style text in CSS.

• The box model is a method for creating animations in CSS.

What does 'padding' do in CSS?

• Padding is used to change the color of an element's border.

• Padding removes the margin around an element.

• Padding adds space inside an element, between its content and its border.

• Padding adds space outside an element, affecting its size.