Q1
Q1 Which framework is Bootstrap built on?
CSS
JavaScript
PHP
None of the above
Q2
Q2 What type of design approach does Bootstrap emphasize?
Content-first
Mobile-first
Graphics-first
None of the above
Q3
Q3 Bootstrap is mainly used for:
Server-side operations
Network security
Front-end development
Data analysis
Q4
Q4 Which company originally developed Bootstrap?
Microsoft
Q5
Q5 Bootstrap's grid system is based on how many columns?
10
12
14
16
Q6
Q6 What is the purpose of the Bootstrap "container" class?
To enhance text readability
To manage server requests
To structure the layout
To style images
Q7
Q7 Which Bootstrap feature provides the ability to hide or show content based on screen size?
Data-binding
Responsive utilities
Ajax components
None of the above
Q8
Q8 What is the advantage of using Bootstrap's precompiled feature?
Faster server response
Easier debugging
Quicker deployment
Enhanced security
Q9
Q9 Which class adds a responsive horizontal margin in Bootstrap?
.mx-auto
.mx-responsive
.mx-width
.mx-fill
Q10
Q10 If a Bootstrap navbar is not responsive, what is a common oversight to check for?
Missing viewport meta tag
Incorrect CSS link
Outdated Bootstrap version
All of the above
Q11
Q11 What is the maximum number of columns in Bootstrap's grid system?
8
10
12
16
Q12
Q12 In Bootstrap's grid system, which class is used for medium-sized screens?
.col-md
.col-sm
.col-lg
.col-xs
Q13
Q13 What does the 'col-' prefix in Bootstrap indicate?
Column control
Container sizing
Color adjustment
Cursor change
Q14
Q14 What is the purpose of the Bootstrap class 'row'?
To align text
To create a horizontal grouping of columns
To set borders
To add padding
Q15
Q15 Which class adjusts the alignment of elements within a column in Bootstrap's grid system?
.align-items-start
.align-items-end
.justify-content-center
.row-align
Q16
Q16 How does the class 'col-6' affect the width of a column in a Bootstrap grid?
Spans half of the screen
Spans one-sixth of the screen
Spans six pixels wide
None of the above
Q17
Q17 What effect does 'offset-' have in Bootstrap's grid system?
Increases padding inside columns
Moves columns to the right
Changes the color of columns
Decreases column width
Q18
Q18 Which Bootstrap feature allows for columns to reorder based on screen size?
Flex properties
Push and pull classes
Responsive resets
Visibility classes
Q19
Q19 Which class is used to make a column span three equal parts of the container width on a large screen?
.col-lg-4
.col-lg-3
.col-lg-12
.col-lg-1
Q20
Q20 What class would you use to create four equal columns in a single row on medium screens?
.col-md-3
.col-md-4
.col-md-6
.col-md-12
Q21
Q21 To center a column in the grid, which utility class is necessary alongside the column size class?
.mx-auto
.center-block
.auto-margin
.align-self-center
Q22
Q22 Which class combination creates a responsive column that stacks on small screens and aligns side by side on medium screens?
.col-12 .col-md-6
.col-sm-12 .col-md-6
.col-xs-12 .col-lg-6
.col-6 .col-lg-12
Q23
Q23 If columns are unexpectedly stacking vertically on a medium device, what should be checked first?
Row configuration
Column class overlap
Container fluidity
Viewport settings
Q24
Q24 What might cause gaps between columns in a Bootstrap layout?
Missing 'row' class
Extra padding in columns
Improper use of .col classes
All of the above
Q25
Q25 How can unexpected horizontal scrolling be fixed in a Bootstrap grid layout?
Check container classes
Remove custom CSS
Reduce column counts
All of the above
Q26
Q26 A developer finds that columns break out of alignment when resizing the browser window.
What could be the issue?
Improper column reset
Non-responsive meta tag
Incorrect row setup
Misconfigured breakpoints
Q27
Q27 Which utility class in Bootstrap is used to hide an element on all device sizes?
.invisible
.hidden
.hide
.none
Q28
Q28 Bootstrap’s spacing utilities control which of the following aspects?
Margin and padding
Color and font
Position and display
Width and height
Q29
Q29 What is the purpose of the .text-center class in Bootstrap?
To center text horizontally
To center text vertically
To justify text
To highlight text
Q30
Q30 Which class adjusts the vertical alignment of elements in Bootstrap?
.align-baseline
.align-top
.align-middle
.align-bottom
