Q61
Q61 How can you create a vertical group of buttons using Bootstrap?
Use .btn-group with .btn-group-vertical
Use .btn-vertical
Use .vertical-group
Use .btn-group with .vertical
Q62
Q62 If a Bootstrap dropdown menu is not working, what is a common thing to check?
The data-toggle attribute
The href attribute
The role attribute
The type attribute
Q63
Q63 What should be checked if Bootstrap tooltips are not initiating?
jQuery inclusion
Proper placement of data attributes
Link to Bootstrap CSS
Presence of popper.js
Q64
Q64 Why might a Bootstrap modal not appear when triggered?
Missing data-target attribute
Incorrect linkage to Bootstrap JS
Faulty CSS overrides
Incorrect button type
Q65
Q65 What could cause a Bootstrap Carousel to not cycle automatically as expected?
Incorrect data-ride attribute
Improperly configured interval
Faulty image links
Missing controls
Q66
Q66 What is the primary function of the Bootstrap Form component?
To validate user input data
To layout web page structure
To enhance graphics
To gather user inputs
Q67
Q67 How does Bootstrap enhance the accessibility of forms?
By adding automatic data validation
By using ARIA roles
By resizing form elements
By enabling AJAX submissions
Q68
Q68 Which Bootstrap class is used to create inline forms where elements are aligned horizontally?
.form-horizontal
.form-inline
.form-row
.form-align
Q69
Q69 In Bootstrap, what is the role of the .form-control class?
To validate form entries
To style form elements uniformly
To align form labels
To secure form data
Q70
Q70 What should be considered when using custom validation styles in Bootstrap forms?
Performance impact
Browser compatibility
Security implications
Responsive behavior
Q71
Q71 Which class is added to form elements to ensure they take the full width of their parent container in Bootstrap?
.full-width
.w-100
.expand
.full-size
Q72
Q72 How can you create a group of checkboxes that are vertically stacked and each has the same name in Bootstrap?
Use .form-check stacked with .form-check-label
Use .checkbox-group
Use .form-checkbox-group
Use .form-check with .form-check-input
Q73
Q73 What is the correct way to structure a Bootstrap form group that includes a label, input, and feedback message for validation?
Use .form-group with .form-label, .form-control, and .valid-feedback
Use .input-group with label, input, and .feedback
Use .control-group with .control-label, .control, and .help-block
Use .group-form with .label-group, .input-group, and .feedback-group
Q74
Q74 How do you apply a readonly attribute to a Bootstrap input field without affecting its style?
Add .readonly to the class attribute
Add readonly attribute to the input element
Use .form-readonly
Set disabled="true"
Q75
Q75 What common error should be checked if a Bootstrap form is not aligning properly on mobile devices?
Incorrect column classes
Missing .form-row class
Improper form wrapping
Incorrect use of .container
Q76
Q76 If a form's input fields are not responding to Bootstrap's styling,
what could be the reason?
Incorrect class names
Outdated Bootstrap version
Conflicting CSS styles
Incorrect HTML structure
Q77
Q77 What should you do if custom validation messages in Bootstrap are not displaying as intended?
Check JavaScript validation logic
Ensure data attributes are set correctly
Verify the use of .is-valid or .is-invalid classes
Recompile Bootstrap SCSS
Q78
Q78 What is the primary purpose of jQuery in Bootstrap's JavaScript components?
To manipulate DOM elements
To handle HTTP requests
To parse JSON data
To animate HTML elements
Q79
Q79 Which Bootstrap component uses JavaScript to toggle between showing and hiding content?
Carousel
Modal
Collapse
Tooltip
Q80
Q80 How does Bootstrap's JavaScript enhance form validation?
By adding custom validation rules
By automatically checking form completeness
By providing real-time feedback
By encrypting form data
Q81
Q81 In Bootstrap, what is the purpose of the data-toggle attribute?
To connect data entries
To toggle elements on the page
To bind data to a model
To transform data visuals
Q82
Q82 What must be considered when binding JavaScript events to Bootstrap components dynamically added to the DOM?
Event delegation
Browser compatibility
Loading order of scripts
Memory usage
Q83
Q83 Which class in Bootstrap is used to add a dismiss function to alerts via JavaScript?
.alert-dismissable
.alert-closable
.dismiss-alert
.alert-dismissible
Q84
Q84 How do you initialize all tooltips on a page using Bootstrap's JavaScript API?
$('[data-toggle="tooltip"]').tooltip()
$('.tooltip').init()
$('body').tooltip()
$('.tip').activate()
Q85
Q85 What is the correct way to programmatically open a modal in Bootstrap using JavaScript?
$('#myModal').modal('show')
$('#myModal').open()
$('#myModal').modal('open')
$('.modal').show('open')
Q86
Q86 If a Bootstrap dropdown is not triggering when clicked, what should you check first in the JavaScript setup?
If jQuery is loaded
If the dropdown method is called
If there is a syntax error in the script
If data-toggle attribute is set
Q87
Q87 What could prevent a Bootstrap tooltip from displaying when hovering over an element?
Missing title attribute
Incorrectly initialized tooltips
Overridden CSS styles
Improper script ordering
Q88
Q88 Which jQuery function is typically used to ensure that scripts run after the document is fully loaded?
.onLoad()
.documentReady()
.ready()
.loadComplete()
Q89
Q89 How do Bootstrap's JavaScript plugins enhance the user interface?
By adding dynamic effects like modals and dropdowns
By speeding up the website
By compressing content
By encrypting data
Q90
Q90 What is the primary purpose of the 'data-toggle' attribute in Bootstrap?
To switch data sources
To initiate JavaScript widgets
To toggle CSS classes
To activate server requests
