Exploring Bootstrap Fundamentals

What is Bootstrap scaffolding?

• Bootstrap scaffolding is the initial setup and structure provided by the Bootstrap framework for web development.

• Bootstrap scaffolding is a type of clothing design.

• Bootstrap scaffolding is a programming language.

• Bootstrap scaffolding refers to a construction technique.

How does Bootstrap's grid system work?

• Bootstrap's grid system uses a 12-column layout with responsive classes for flexible design.

• Bootstrap's grid system requires custom CSS for layout adjustments.

• Bootstrap's grid system is fixed and not responsive.

• Bootstrap's grid system uses a 10-column layout only.

What are the key benefits of using Bootstrap CSS?

• Key benefits of using Bootstrap CSS include responsive design, pre-built components, cross-browser compatibility, and faster development.

• Only supports mobile devices

• Requires extensive coding knowledge

• Limited customization options

Explain the purpose of Bootstrap typography classes.

• The purpose of Bootstrap typography classes is to standardize and simplify text styling in web applications.

• To enhance the visual design of images.

• To create animations for text elements.

• To manage the layout of web forms.

How do you create a responsive layout using Bootstrap?

• Ignore media queries completely.

• Apply fixed widths to all elements.

• Use Bootstrap's grid system with 'container', 'row', and 'col' classes to create a responsive layout.

• Use only CSS for layout styling.

What is the role of containers in Bootstrap?

• Containers are responsible for image optimization in Bootstrap.

• Containers define the layout structure in Bootstrap.

• Containers manage JavaScript functionality in Bootstrap.

• Containers are used for styling text in Bootstrap.

Describe how to implement tables in Bootstrap.

• Implement tables using JavaScript only.

• Use HTML tables without any Bootstrap classes.

• Use CSS grid to create tables.

• Use Bootstrap classes like 'table', 'table-striped', 'table-bordered', and 'table-hover' to create styled tables.

What classes are used to style buttons in Bootstrap?

• btn-default

• btn-outline

• btn, btn-primary, btn-secondary, btn-success, btn-danger, btn-warning, btn-info, btn-light, btn-dark

• btn-active

How can you add images in Bootstrap?

• Use to add responsive images in Bootstrap.

• Add images using without any classes.

• Insert images with for responsiveness.

• Use tag to add images in Bootstrap.

What are Bootstrap icons and how are they used?

• Bootstrap icons are a set of vector icons used in web development to enhance user interfaces.

• Bootstrap icons are images that require a license for use.

• Bootstrap icons are only used for mobile applications.

• Bootstrap icons are a type of font used for text styling.