1) What does Bootstrap primarily provide?
a) JavaScript-based animations
b) A front-end framework for responsive web design
c) Server-side scripting languages
d) Database management tools
Answer: b) A front-end framework for responsive web design
2) Which version of CSS does Bootstrap primarily use?
a) CSS2
b) CSS3
c) Both CSS2 and CSS3
d) CSS4
Answer: b) CSS3
3) What is the grid system in Bootstrap used for?
a) Creating intricate data structures
b) Defining layout and alignment of elements
c) Managing server resources
d) Generating dynamic content
Answer: b) Defining layout and alignment of elements
4) Which preprocessor language is commonly used in Bootstrap?
a) JavaScript
b) TypeScript
c) SASS
d) PHP
Answer: c) SASS
5) What is the primary advantage of using Bootstrap for web development?
a) It reduces the need for HTML and CSS
b) It standardizes server-side functionalities
c) It offers a responsive and mobile-first design approach
d) It replaces JavaScript functionalities
Answer: c) It offers a responsive and mobile-first design approach
6) Which class is used to create a responsive, fixed-width container in Bootstrap?
a) .container
b) .container-fluid
c) .container-fixed
d) .container-responsive
Answer: a) .container
7) Which component in Bootstrap is used for navigation purposes?
a) <nav>
b) <navigation>
c) <navigate>
d) <namenu>
Answer: a) <nav>
8) What does the Bootstrap class "btn-primary" represent?
a) A button with primary functionality
b) A styled button with a blue color scheme
c) A button linked to the primary page
d) A button for primary navigation
Answer: b) A styled button with a blue color scheme
9) Which Bootstrap class is used to create a responsive image?
a) .img-fluid
b) .image-responsive
c) .responsive-img
d) .img-responsive
Answer: a) .img-fluid
10) Which CSS framework does Bootstrap use as its base?
a) Skeleton
b) Foundation
c) Normalize.css
d) Blueprint CSS
Answer: c) Normalize.css
11) Which version of Bootstrap introduced a mobile-first approach?
a) Bootstrap 3
b) Bootstrap 4
c) Bootstrap 5
d) Bootstrap 6
Answer: b) Bootstrap 4
12) What is the purpose of the "container-fluid" class in Bootstrap?
a) To create a container with a fixed width
b) To create a full-width container spanning the entire viewport
c) To make the container fluid but with a maximum width
d) To create a transparent container
Answer: b) To create a full-width container spanning the entire viewport
13) Which utility class in Bootstrap is used to hide elements visually but keep them accessible for screen readers?
a) .hidden
b) .invisible
c) .visually-hidden
d) .screen-reader-only
Answer: c) .visually-hidden
14) Which file is essential to include in a Bootstrap-based project to enable its core functionality?
a) bootstrap.css
b) bootstrap.js
c) jquery.js
d) bootstrap.min.css
Answer: d) bootstrap.min.css
15) Which HTML5 element is used for creating dropdowns in Bootstrap?
a) <drop>
b) <select>
c) <dropdown>
d) <div>
Answer: d) <div>