Q31
Q31 What does the 'text-' prefix in Bootstrap's utility classes generally modify?
Font size
Text alignment
Font style
Text decoration
Q32
Q32 Which utility class is used for changing the display property of an element to 'none' in Bootstrap?
.d-none
.display-none
.hide
.invisible
Q33
Q33 How would you apply a Bootstrap class to add a small space between two buttons?
.m-1
.m-2
.m-3
.m-4
Q34
Q34 Which Bootstrap utility class adds a shadow to a box?
.box-shadow
.shadow
.drop-shadow
.shadow-sm
Q35
Q35 What class would you use to make a list item non-bulleted in a Bootstrap list group?
.list-unstyled
.no-bullets
.list-inline
.list-horizontal
Q36
Q36 Which class combination is used to set text color to primary and background color to secondary in Bootstrap?
.text-primary .bg-secondary
.text-color-primary .background-secondary
.color-primary .bg-color-secondary
.primary-text .secondary-bg
Q37
Q37 If an element with .text-danger is not displaying red text as expected, what should be checked first?
CSS file linkage
Overriding styles
Browser compatibility
Font settings
Q38
Q38 When a utility class for margin isn't affecting an element as expected, what is a likely cause?
Incorrect class name
Insufficient specificity
Colliding CSS
All of the above
Q39
Q39 What is the main method for customizing Bootstrap’s visual design?
Overriding existing CSS
Editing the source code
Using inline styles
Using CSS preprocessors
Q40
Q40 How does creating a custom theme differ from modifying Bootstrap’s core files?
It's more stable across updates
It requires more coding skills
It's less flexible
It's cheaper
Q41
Q41 In what file type is Bootstrap's source code primarily written?
.css
.scss
.js
.html
Q42
Q42 What is the advantage of using Bootstrap’s built-in mixins for customizations?
Faster compilation
Less code redundancy
Easier debugging
All of the above
Q43
Q43 What is a critical consideration when upgrading Bootstrap versions in a heavily customized project?
Checking for deprecated features
Rewriting all custom code
Reducing page size
Increasing compatibility with browsers
Q44
Q44 Which Bootstrap variable can be adjusted to change the default padding for modals?
$modal-padding
$modal-margin
$modal-spacing
$modal-position
Q45
Q45 How do you override the default color palette in Bootstrap using SCSS?
Define new values before importing Bootstrap
Overwrite values in a new file
Change colors in the CSS file
Use !important in CSS
Q46
Q46 What SCSS function is crucial for adding new utilities with custom properties in Bootstrap?
@include
@function
@extend
@import
Q47
Q47 If changes to Bootstrap's SCSS variables do not take effect, what is the first thing you should check?
File import order
SCSS compiler settings
Syntax errors
All of the above
Q48
Q48 What should you verify if a Bootstrap customization does not display correctly on a webpage?
The CSS file is linked correctly
The customization uses correct syntax
The browser cache has been cleared
All of the above
Q49
Q49 How can you troubleshoot a custom Bootstrap build that fails to compile?
Check for missing dependencies
Review SCSS syntax errors
Ensure file paths are correct
All of the above
Q50
Q50 What is the primary use of Bootstrap's Modal component?
To navigate between pages
To display interactive alerts
To organize content
To display additional information in a popup
Q51
Q51 Which component is used to create a group of buttons that can toggle between active and inactive states?
Navs
Button group
Input group
Dropdown
Q52
Q52 What does the Bootstrap Carousel component do?
Rotates text
Displays a series of images or slides in a slideshow
Collapses content
Expands forms
Q53
Q53 In Bootstrap, what is the purpose of the Jumbotron component?
To enhance navigation
To increase font size
To create a lightweight container for calling extra attention to content
To display modal dialogs
Q54
Q54 Which Bootstrap component is best suited for displaying a list of items with contextual background colors?
List group
Progress bar
Tooltip
Table
Q55
Q55 How do Bootstrap Navs differ from Tabs?
Navs are always vertical, while Tabs are horizontal
Navs offer more style options
Tabs are clickable, while Navs are not
Navs are for navigation, Tabs are for content organization
Q56
Q56 Which Bootstrap component should be used for complex form layouts that require inline arrangement of form controls?
Forms
Grid system
Input group
Card
Q57
Q57 What is the function of Bootstrap's Scrollspy component?
To add animations to scrolling
To update links in a navigation list based on scroll position
To hide elements on scroll
To lock an element at a specific scroll position
Q58
Q58 What class is used to make a navigation bar sticky at the top of the viewport in Bootstrap?
.fixed-top
.sticky-top
.top-nav
.nav-fixed
Q59
Q59 How do you create a basic alert box in Bootstrap that can be dismissed by the user?
Use .alert with .alert-dismissible
Use .alert with .close
Use .alert with .alert-close
Use .alert with .dismiss-alert
Q60
Q60 What Bootstrap class is needed to create a dropdown menu within a navigation bar?
.dropdown
.drop-nav
.navbar-dropdown
.nav-drop
