What is Bootstrap?
A) A front-end framework for building responsive websites
B) A database management system
C) A programming language
D) A server-side tool
A
What is a key advantage of using Bootstrap?
A) Requires advanced coding skills
B) Easy to use with basic HTML and CSS knowledge
C) Only works on desktops
D) Requires no HTML
B
What design approach does Bootstrap follow?
A) Desktop-first
B) Server-first
C) Mobile-first
D) Database-first
C
Which browsers support Bootstrap 5?
A) Only Chrome
B) Only Firefox
C) Only Edge
D) All modern browsers
D
Who originally developed Bootstrap?
A) Mark Otto and Jacob Thornton
B) Bill Gates and Paul Allen
C) Steve Jobs and Steve Wozniak
D) Larry Page and Sergey Brin
A
How can you include Bootstrap in a project?
A) Only by downloading files
B) Using CDN or downloading files locally
C) Only through JavaScript
D) Only through CSS imports
B
What is required in the <head> for responsive design?
A) <title>
B) <link></link>
C) <meta></meta>
D)
C
What is the purpose of a container in Bootstrap?
A) Holds only images
B) Applies colors
C) Adds animations
D) Centers and pads content
D
Which class creates a fixed-width container?
A) .container
B) .container-fluid
C) .row
D) .col
A
Which class creates a full-width container?
A) .container
B) .container-fluid
C) .row
D) .col
B
What is the role of a row in the grid system?
A) Styles text
B) Adds spacing
C) Wraps columns
D) Defines colors
C
What is the role of columns in Bootstrap?
A) Hold CSS styles
B) Define containers
C) Control JavaScript
D) Contain actual content
D
How many columns are available in Bootstrap’s grid system?
A) 12
B) 10
C) 8
D) 6
A
What does .col-md-6 mean?
A) Full width always
B) Takes 6 columns on medium screens and above
C) Only works on small screens
D) Applies margin
B
Which breakpoint applies to devices ≥768px?
A) sm
B) lg
C) md
D) xl
C
What happens if columns exceed 12 in a row?
A) They disappear
B) They overlap
C) They shrink
D) They wrap to the next line
D
Which component is used for navigation headers?
A) Navbar
B) Card
C) Modal
D) Alert
A
Which component is used for pop-up dialogs?
A) Card
B) Modal
C) Alert
D) Navbar
B
Which component is used to display content in boxes?
A) Navbar
B) Alert
C) Card
D) Modal
C
Which component shows feedback messages?
A) Navbar
B) Card
C) Modal
D) Alert
D
Which class creates a primary button?
A) .btn-primary
B) .btn-main
C) .btn-blue
D) .btn-default
A
Which utility controls margin?
A) p-
B) m-
C) d-
D) text-
B
Which utility centers text?
A) .text-left
B) .text-right
C) .text-center
D) .text-middle
C
Which class makes an element a flex container?
A) .d-block
B) .d-none
C) .d-inline
D) .d-flex
D
