Font size
WorksheetsCSS Day-4
Total questions: 25
Worksheet time: 16mins
Which class is used to create a Bootstrap button?
.btn-group
.button
.btn
.btns
Which component is used to display alert messages?
Badge
Alert
Modal
Toast
Which Bootstrap class is used to make text bold?
.text-bold
.fw-bold
.font-bold
.bold-text
Which class is used to align text to the center?
(a)
Which class is used to display list items inline?
.list-inline
.inline-list
.list-horizontal
.list-row
Which HTML tag is used for blockquotes?
<quote>
<block>
<blockquote>
<q>
Which Bootstrap class is used to control font size responsively?
.text-size-*
.fs-*
.font-*
.text-font-*
Which breakpoint represents small devices in Bootstrap?
xs
sm
md
lg
How many columns are there in Bootstrap grid system?
10
11
12
16
Which class is used to auto-size columns?
.col-auto
.col-size
.col-fit
.auto-col
Which class arranges flex items vertically?
(a)
Which class vertically centers flex items?
.align-items-center
.justify-content-center
.text-center
.flex-center
Bootstrap grid layouts are responsive using (a) .
Which class is used to group label and input together?
.form-group
.input-group
.form-set
.group-form
What is the correct way to override a Bootstrap style?
Edit the bootstrap.min.css file directly
Write custom CSS after the Bootstrap inclusion
Use !important on every HTML tag
Bootstrap styles cannot be overrid
To disable an input field, use (a) attribute.
Which layout places labels and inputs in the same row?
Vertical form
Inline form
Horizontal form
Floating form
Which class was used to create inline forms in Bootstrap 4?
.form-row
.form-inline
.d-inline
.inline-form
Inline forms display form elements in a (a) line.
Which class shows a valid input state in Bootstrap
.valid
.is-valid
.input-valid
.form-valid
Which class is added after form submission to show validation result?
.needs-validation
.validated
.was-validated
.show-validation
Which class is applied to a form input to show it has failed validation?
(a)
Which utility class hides an element on all screens but shows it only on medium and larger devices?
.d-none .d-md-block
.hide-sm .show-md
.md-only
.visible-md
Which variable controls primary theme color in Bootstrap?
$theme-color
$primary-color
$theme-colors
$brand-color
What attribute is used to trigger a modal?
(a)
