WorksheetsLong Quiz (WS101)
Total questions: 35
Worksheet time: 18mins
What are the benefits of downloading Bootstrap’s source Sass files instead of using the CDN version?
Faster load times
No JavaScript dependencies
To customize Bootstrap variables (colors, fonts) via Sass
To avoid jQuery
What is the purpose of the navbar-expand-lg class in Bootstrap?
Makes the navbar sticky
Keeps the navbar links visible above the large (≥992px) breakpoint
Hides the navbar on large screens
Expands the navbar below the large breakpoint
Which Bootstrap class defines a container with a fixed width that adjusts at different screen sizes?
container-fluid
container-lg
container
container-fixed
Which Bootstrap class can be used to completely hide an element across all screen sizes?
d-hide
hidden
invisible
d-none
Which Bootstrap utility class applies padding of 5 units uniformly on all sides of an element?
py-5
px-5
p-5
m-5
Which Bootstrap class is used to emphasize and enlarge text for introductory or lead paragraphs?
lead-text
lead
p-large
text-lead
Which Bootstrap utility class applies a vertical margin of 4 units to an element?
my-4
mt-4 mb-4
myy-4
mv-4
Which Bootstrap component allows you to visually group an input field and a button together?
form-group
form-inline
btn-group
input-group
Which Bootstrap utility class applies a gap of 4 units between grid items in a layout?
gap-4
g-4
gx-4 gy-4
grid-gap-4
Which class serves as the primary container for creating a structured content box with optional headers, footers, and body sections in Bootstrap?
panel
card
box
card-group
Which Bootstrap class keeps the navigation bar fixed at the top of the page as the user scrolls?
sticky-top
sticky
fixed
fixed-top
Which Bootstrap component is commonly used to build sections with expandable and collapsible content, such as FAQs?
tabs
Collapse
accordion
dropdown
Which Bootstrap utility class applies equal spacing of 4 units between rows and columns in a grid layout?
gx-4 gy-4
gap-4
gy-4 gx-4
g-4
Why did Bootstrap 5 remove the dependency on jQuery?
Removed all JS components
Bootstrap rewritten in vanilla JS
It uses React under the hood
It includes Zepto instead
In which part of an HTML document should the <link> tag for Bootstrap’s CSS file be placed?
Just before </body>
Inside <title>
Inside <head>, before any custom CSS
After the custom style link
What is the default number of columns in Bootstrap’s grid layout system?
12
11
16
24
Which Visual Studio Code extension enables you to view your website in a local development environment with live updates?
a) Prettier
b) ESLint
c) Live Preview
d) Live Server
Which CSS property is used to define the space between an element’s content and its border?
Margin
padding
spacing
border-spacing
What is the effect of adding the target="_blank" attribute to an anchor (<a>) tag?
Opens the link in the same tab
Removes the underline from the link
Makes the link non-clickable
Opens the link in a new tab
or window
Why is the alt attribute used in an <img> tag in HTML?
Defines the image size
Provides alternative text if the image fails to load
Links the image to a websit
Changes the image background color
Which HTML element is used to create clickable areas within an image (image map)?
<map>
<image>
<area>
<imgmap>
What does the colspan attribute do in an HTML table element?
It merges multiple rows into a single row
It defines the width of a table column
It makes a cell span across multiple columns
It adds a background color to a table cell
Which HTML element defines an unordered list?
<ol>
<ul>
<li>
<dl>
Which CSS technique is used to display list items side by side instead of vertically?
list-style: inline;
display: horizontal;
float: left;
list-style-type: none;;
How do the <div> and <span> elements differ in terms of layout behavior in HTML?
<div> is an inline element, while <span> is a block-level element
<div> and <span> are both inline elements
<div> is a block-level element, while <span> is an inline element
<div> and <span> are both block-level elements
Which HTML tag is used to display text with preserved spaces, tabs, and line breaks exactly as written in the source code?
<p>
<br>
<pre>
<pe>
What kind of information is typically included inside the <head> section of an HTML document?
Page content
User interface elements
CSS only
Meta-information, links, and title
Which CSS layout module enables dynamic and responsive arrangement of items within a container?
block
float
flexbox
stack
Which HTML element is commonly used to define a generic section or container within a webpage?
<div>
<section>
<span>
<area>
What HTML element defines navigation links?
<menu>
<nav>
<link>
<router>
Which HTML element is used to build a dropdown menu that allows users to choose one or more options?
<dropdown>
<select>
<list>
<optionlist>
Which HTML element is used to define an area for user input, such as text fields and buttons?
<input>
<form>
<submit>
<text>
Which HTML element is used to create a field that allows users to enter data in a form?
<enter>
<textfield>
<input>
<box>
How do you define the kind of data an input field should accept in HTML?
name
class
id
type
Which symbol is used in CSS to target an element by its ID attribute?
*
#
@
$
