Bootstrap 5 Developer Certificate โ Questions and Answers
Question 1: What does 'runway' refer to in bootstrap financial planning?
- The physical space needed for operations
- The revenue growth trajectory over five years
- The time needed to onboard new employees
- The number of months a business can operate before running out of cash (Correct answer)
Correct answer: The number of months a business can operate before running out of cash
Runway measures how long a bootstrapped company can sustain operations based on current cash reserves and burn rate.
Question 2: What is the minimum viewport width for Bootstrap 5's 'md' (medium) breakpoint?
- 768px (Correct answer)
- 992px
- 576px
- 1200px
Correct answer: 768px
Bootstrap 5's md breakpoint activates at viewport widths of 768px and above, sitting between sm (576px) and lg (992px).
Question 3: In bootstrap budgeting, what does 'ramen profitable' mean?
- The startup has raised its first seed round from investors
- The business has achieved full GAAP profitability
- The business earns enough to cover only the founders' basic living expenses (Correct answer)
- The company generates enough profit to fund rapid international expansion
Correct answer: The business earns enough to cover only the founders' basic living expenses
'Ramen profitable' means the company generates just enough revenue to sustain the founders at minimal cost, often used as an early survival milestone.
Question 4: Which Bootstrap utility class validates that a form input passes HTML5 constraint validation?
- .is-valid (Correct answer)
- .was-validated
- .valid-input
- .form-valid
Correct answer: .is-valid
.is-valid applies green styling to indicate a field has passed validation.
Question 5: Which cost reduction tactic is commonly recommended for bootstrapped startups?
- Outsourcing all financial planning to large accounting firms
- Hiring a full executive team immediately
- Leveraging free or open-source tools to minimize software costs (Correct answer)
- Using revenue-based pricing for all services
Correct answer: Leveraging free or open-source tools to minimize software costs
Open-source and freemium tools allow bootstrapped teams to access powerful software without large upfront costs.
Question 6: What Bootstrap class creates a fixed-top navigation bar that stays visible when the page scrolls?
- fixed-top (Correct answer)
- sticky-nav
- navbar-sticky
- navbar-fixed
Correct answer: fixed-top
The `fixed-top` class positions a navbar (or any element) at the top of the viewport using `position: fixed; top: 0`.
Question 7: What does the Bootstrap class `container-fluid` do differently from `container`?
- It creates a container only visible on fluid/large screens
- It spans the full width of the viewport at all screen sizes without max-width constraints (Correct answer)
- It removes padding from the container
- It adds a fluid animation on scroll
Correct answer: It spans the full width of the viewport at all screen sizes without max-width constraints
`container-fluid` always spans 100% of the viewport width, while `container` has responsive max-width breakpoints that constrain its width at larger screens.
Question 8: What is 'information radiator' in Agile communication practice?
- An automated email reporting system
- A highly visible, real-time display of project status accessible to all stakeholders (Correct answer)
- A document shared at sprint retrospectives
- A heat map of team workload
Correct answer: A highly visible, real-time display of project status accessible to all stakeholders
Information radiators like Kanban boards provide transparency by making project status visible to anyone without asking.
Question 9: In Bootstrap 5, which class makes a column automatically size to fit its content's natural width?
- .col-fit
- .col-content
- .col-auto (Correct answer)
- .col-shrink
Correct answer: .col-auto
.col-auto sizes a column based on the natural width of its content rather than distributing equal space across siblings.
Question 10: Which budgeting strategy is most aligned with bootstrap financial management?
- Activity-based costing focused on overhead allocation
- Historical budgeting that matches last year's spending
- Zero-based budgeting that justifies every expense from scratch (Correct answer)
- Top-down budgeting driven by investor expectations
Correct answer: Zero-based budgeting that justifies every expense from scratch
Zero-based budgeting forces entrepreneurs to justify each cost, keeping spending lean and intentional in a bootstrapped environment.
Question 11: When researching whether Bootstrap's color contrast utilities satisfy WCAG 2.1 AA, which tool provides direct, automated evidence?
- Running an axe or Lighthouse accessibility audit on rendered Bootstrap components (Correct answer)
- Counting color variables in _variables.scss
- Checking npm for color-related packages
- Reading the Bootstrap Twitter account
Correct answer: Running an axe or Lighthouse accessibility audit on rendered Bootstrap components
Accessibility auditing tools like axe-core and Lighthouse measure actual rendered contrast ratios against WCAG thresholds, producing objective pass/fail evidence.
Question 12: Why is product-market fit the most critical strategic milestone for a bootstrapped company?
- It triggers automatic Series A funding eligibility
- It confirms that customers genuinely want and pay for the solution, justifying further resource investment (Correct answer)
- It satisfies government small business development requirements
- It allows the company to bypass standard accounting practices
Correct answer: It confirms that customers genuinely want and pay for the solution, justifying further resource investment
Without product-market fit, a bootstrapped company risks spending all its limited resources on a product customers don't value enough to buy repeatedly.
Question 13: Which type of communication barrier most commonly arises in cross-functional project teams?
- Jargon and terminology differences between departments (Correct answer)
- Physical distance
- Lack of meeting rooms
- Different time zones only
Correct answer: Jargon and terminology differences between departments
Departmental jargon creates misunderstanding when team members come from different functional backgrounds.
Question 14: A developer uses `col-md-6 col-lg-4` on a card. At the large breakpoint, how many cards fit in a 12-column row?
- 3 (Correct answer)
- 4
- 6
- 2
Correct answer: 3
At the `lg` breakpoint each card consumes 4 columns, so 12 รท 4 = 3 cards per row.
Question 15: In Bootstrap 5, which column class applies to ALL screen sizes including extra-small (xs)?
- .col-all-*
- .col-sm-*
- .col-* (Correct answer)
- .col-xs-*
Correct answer: .col-*
Bootstrap 5 dropped the explicit 'xs' prefix; .col-* (no breakpoint infix) applies from the smallest screen size upward.
Question 16: Which open-source license governs Bootstrap's use, and what does it primarily require of developers integrating it in commercial projects?
- LGPL โ link dynamically only
- MIT โ include the copyright notice (Correct answer)
- GPL v3 โ share all source code
- Apache 2.0 โ provide a NOTICE file
Correct answer: MIT โ include the copyright notice
Bootstrap is released under the MIT License, which requires only that the original copyright and license notice be preserved in distributions.
Question 17: Which competitive strategy is most sustainable for a resource-constrained bootstrapped business?
- Differentiation in a focused niche (Correct answer)
- Aggressive price wars to eliminate all competitors
- Horizontal integration through multiple acquisitions
- Cost leadership across the entire market
Correct answer: Differentiation in a focused niche
Differentiation within a focused niche allows bootstrapped companies to compete on unique value rather than trying to outspend larger rivals.
Question 18: How do bootstrapped companies effectively retain top talent despite limited compensation budgets?
- By providing company cars to all employees regardless of role
- By offering unlimited paid vacation as the primary benefit
- By building strong mission-driven culture, growth opportunities, and autonomy (Correct answer)
- By matching every competitor's salary offer exactly
Correct answer: By building strong mission-driven culture, growth opportunities, and autonomy
Culture, meaningful work, and autonomy are powerful retention tools for bootstrapped companies that cannot always compete on raw salary.
Question 19: Which Bootstrap 5 class removes all gutters from a row, eliminating horizontal padding on columns?
- .row .g-0 (Correct answer)
- .row .no-gutters
- .row .gutter-0
- .row .p-0
Correct answer: .row .g-0
Bootstrap 5 replaced the old .no-gutters class with .g-0, which sets gutter width to 0 using the new gutter utility system.
Question 20: Which Bootstrap breakpoint is considered 'mobile-first', meaning styles defined there apply to all larger viewports unless overridden?
- sm (โฅ576px)
- xs (default, <576px) (Correct answer)
- lg (โฅ992px)
- md (โฅ768px)
Correct answer: xs (default, <576px)
Bootstrap's default (xs) styles apply from 0 px upward; breakpoint-suffixed classes like `col-sm-*` activate only at and above that width.
Question 21: When documenting evidence for a Bootstrap component's accessibility limitations, which supplementary testing tool complements automated linting best?
- A JavaScript minifier
- A Git blame tool
- A CSS formatter
- Manual testing with a screen reader such as NVDA or VoiceOver (Correct answer)
Correct answer: Manual testing with a screen reader such as NVDA or VoiceOver
Screen reader testing captures user-experience evidence that automated linters cannot detect, such as focus order and announcement context.
Question 22: What is the primary financial principle of bootstrapping a business?
- Securing large venture capital rounds early
- Borrowing heavily to accelerate growth
- Applying for government grants as the first step
- Growing the business using internal cash flow and minimal external funding (Correct answer)
Correct answer: Growing the business using internal cash flow and minimal external funding
Bootstrapping relies on internal revenue and personal savings to fund growth rather than seeking outside investment.
Question 23: Why should bootstrapped companies conduct regular strategic pivots rather than rigid long-term planning?
- Pivoting is cheaper than hiring a strategic planning consultant
- Customer and market feedback must continuously reshape strategy to avoid wasting limited resources (Correct answer)
- Pivots are required by bootstrap certification standards
- Investors require quarterly pivot documentation for due diligence
Correct answer: Customer and market feedback must continuously reshape strategy to avoid wasting limited resources
Bootstrapped companies must pivot based on real data because they cannot afford to persist with strategies that aren't working.
Question 24: Which metric is most critical for a bootstrapped business to monitor weekly?
- Gross Domestic Product
- Cash burn rate (Correct answer)
- Brand equity index
- Customer Net Promoter Score
Correct answer: Cash burn rate
Cash burn rate tells a bootstrapped founder how quickly they are spending reserves, directly impacting runway decisions.
Question 25: How does bartering or trade agreements benefit a bootstrapped business financially?
- It eliminates all tax obligations on traded services
- It allows exchange of goods or services without spending scarce cash (Correct answer)
- It counts as equity on the company's balance sheet
- It automatically improves the company's credit score
Correct answer: It allows exchange of goods or services without spending scarce cash
Bartering lets bootstrapped businesses access needed resources by trading their own services or products, conserving precious cash.
Question 26: Which pricing strategy best supports bootstrap cash flow goals?
- Penetration pricing with very low margins to win market share
- Annual upfront payment discounts that bring in cash immediately (Correct answer)
- Freemium pricing with no paid tiers for 12 months
- Cost-plus pricing based purely on competitor benchmarks
Correct answer: Annual upfront payment discounts that bring in cash immediately
Offering discounts for annual upfront payments accelerates cash collection, improving immediate liquidity for a bootstrapped business.
Question 27: In bootstrap strategic planning, why is defining 'what NOT to do' important?
- It legally protects the company from competitor intellectual property claims
- It satisfies ISO certification requirements for scope control
- It prevents resource dilution by keeping the team focused on highest-impact activities (Correct answer)
- It reduces the number of employees required for execution
Correct answer: It prevents resource dilution by keeping the team focused on highest-impact activities
With limited people and money, bootstrapped companies must explicitly avoid low-priority activities to concentrate resources on what drives the most value.
Question 28: When bootstrapping, why is accounts receivable management especially important?
- Delayed payments from customers can deplete limited cash reserves quickly (Correct answer)
- It determines the company's credit rating with vendors
- Investors review receivables before funding rounds
- It affects depreciation calculations on the balance sheet
Correct answer: Delayed payments from customers can deplete limited cash reserves quickly
Without external funding, a bootstrapped business depends on timely customer payments to maintain sufficient cash for operations.
Question 29: Which Bootstrap 5 class vertically centers all column items within a row?
- .align-items-center (Correct answer)
- .row-align-center
- .justify-content-center
- .align-content-center
Correct answer: .align-items-center
.align-items-center uses the CSS flexbox align-items property to vertically center columns on the row's cross axis.
Question 30: How many columns does .col-lg-4 span in Bootstrap's 12-column grid?
- 4 (Correct answer)
- 2
- 6
- 3
Correct answer: 4
.col-lg-4 spans exactly 4 out of 12 columns on large (โฅ992px) screens and wider, occupying one-third of the row width.
Question 31: What is the purpose of a minimum viable product (MVP) in bootstrap financial strategy?
- To hire the maximum number of engineers quickly
- To validate product-market fit with minimal financial investment before scaling (Correct answer)
- To secure a patent before competitors copy the idea
- To impress venture capitalists at pitch meetings
Correct answer: To validate product-market fit with minimal financial investment before scaling
An MVP limits upfront development costs while gathering real customer feedback, reducing financial risk for a bootstrapped founder.
Question 32: What is a stakeholder register primarily used for?
- Documenting stakeholder identities, interests, influence levels, and preferred communication methods (Correct answer)
- Tracking project budget allocations
- Recording meeting minutes
- Listing project risks associated with each stakeholder
Correct answer: Documenting stakeholder identities, interests, influence levels, and preferred communication methods
A stakeholder register centralizes information needed to effectively manage and communicate with each stakeholder.
Question 33: When implementing Bootstrap's Content-Security-Policy (CSP), which directive is required if Bootstrap's JavaScript uses inline event handlers generated at runtime?
- script-src 'self'
- script-src 'unsafe-inline' (Correct answer)
- script-src 'unsafe-eval'
- script-src 'nonce-{value}'
Correct answer: script-src 'unsafe-inline'
'unsafe-inline' permits execution of inline scripts, which Bootstrap's older versions sometimes generate; however, using nonce-based CSP is the more secure compliant alternative.
Question 34: What role does active listening play in Bootstrap practice?
- It ensures accurate understanding, demonstrates respect, and improves outcomes (Correct answer)
- It is only for counseling professionals
- It wastes time
- It means staying silent
Correct answer: It ensures accurate understanding, demonstrates respect, and improves outcomes
This is fundamental to Bootstrap practice. It ensures accurate understanding, demonstrates respect, and improves outcomes represents the professional standard for communication in the Bootstrap certification framework.
Question 35: Which goal-setting framework is widely recommended for bootstrapped teams due to its clarity and accountability?
- Balanced Scorecard
- Six Sigma DMAIC
- ISO 9001 Quality Management
- OKRs (Objectives and Key Results) (Correct answer)
Correct answer: OKRs (Objectives and Key Results)
OKRs help lean bootstrapped teams align on ambitious objectives with measurable key results, enabling transparent progress tracking.
Question 36: In Bootstrap's grid system, what happens when column classes in a row sum to more than 12?
- All columns shrink proportionally to fit
- Excess columns wrap to a new line (Correct answer)
- The last column is hidden automatically
- Bootstrap throws a console error
Correct answer: Excess columns wrap to a new line
When Bootstrap column widths exceed 12 in a row, the overflow columns wrap onto the next line, since the grid uses flexbox wrapping.
Question 37: What happens when multiple .col elements (without a number) are placed in the same Bootstrap row?
- They hide on small screens
- Each spans all 12 columns
- They share the available space equally (Correct answer)
- Each defaults to 6 columns
Correct answer: They share the available space equally
.col without a number creates equal-width columns that automatically divide the row's available width equally among all sibling .col elements.
Question 38: Which Bootstrap class creates a column that spans all 12 columns, making the element full-width?
- .col-full
- .col-all
- .col-100
- .col-12 (Correct answer)
Correct answer: .col-12
.col-12 spans all 12 columns in the grid, making the element occupy the full width of its container row.
Question 39: What strategic advantage does a bootstrapped company gain by staying private and not pursuing venture capital?
- Unlimited ability to defer tax payments indefinitely
- Automatic exemption from all federal employment laws
- Free access to federal small business contracts
- Full founder control over strategic direction without investor pressure for rapid exits (Correct answer)
Correct answer: Full founder control over strategic direction without investor pressure for rapid exits
Remaining bootstrap-funded keeps decision-making authority with founders, allowing long-term strategic thinking without pressure for short-term investor returns.
Question 40: A modal window is created using which plugin?
- Popup
- Modal (Correct answer)
- Dialog Box
- Window
Correct answer: Modal
A modal window in Bootstrap is created using the Modal plugin. This plugin provides a flexible and responsive dialog box functionality that pops up over the current page content. It is commonly used for alerts, confirmations, or displaying additional information without navigating away from the main page.
Question 41: Which Bootstrap utility class applies `display: none` only on print media?
- print-hidden
- d-screen-only
- d-none-print
- d-print-none (Correct answer)
Correct answer: d-print-none
`d-print-none` hides an element when the page is printed using Bootstrap's print-specific display utilities.
Question 42: A risk owner's primary responsibility is to:
- Execute and monitor the assigned risk response plan (Correct answer)
- Report all risks to the project sponsor
- Update the project charter when risks materialize
- Fund the contingency reserve for the risk
Correct answer: Execute and monitor the assigned risk response plan
The risk owner is accountable for ensuring the designated risk response is carried out and for monitoring trigger conditions for their assigned risk.
Question 43: What is a key advantage of profit reinvestment in bootstrap financial planning?
- It allows founders to avoid paying corporate taxes entirely
- It funds growth without diluting ownership or taking on debt (Correct answer)
- It guarantees faster growth than venture-backed competitors
- It eliminates the need for any financial forecasting
Correct answer: It funds growth without diluting ownership or taking on debt
Reinvesting profits enables sustainable growth while keeping full ownership and avoiding interest obligations.
Question 44: Which Bootstrap card sub-component places an image so it seamlessly connects with the top edge of the card?
- card-img-top (Correct answer)
- card-thumbnail
- card-header-img
- card-img
Correct answer: card-img-top
`card-img-top` rounds the top corners of an image to match the card border, creating a flush visual connection at the card's top edge.
Question 45: A Bootstrap-powered healthcare site must comply with HIPAA. Which Bootstrap UI pattern poses the highest risk of unintentional PHI (Protected Health Information) exposure?
- Breadcrumb navigation showing department names
- Accordion panels for FAQ content
- Progress bars for form completion
- Toast notifications displaying patient status messages (Correct answer)
Correct answer: Toast notifications displaying patient status messages
Toast notifications can display sensitive status messages in the DOM and may be cached or captured by browser extensions, making them a HIPAA risk if they contain PHI without proper controls.
Question 46: Why is market niche focus a critical strategic principle for bootstrapped businesses?
- Niche products always command lower price points
- Niche markets have fewer regulatory requirements
- Investors prefer niche companies over broad-market ones
- Focused targeting allows limited resources to dominate a specific segment (Correct answer)
Correct answer: Focused targeting allows limited resources to dominate a specific segment
With limited resources, bootstrapped companies achieve more by becoming the dominant player in a well-defined niche rather than spreading thin.
Question 47: What is a 'beachhead market' in bootstrap strategic planning?
- A government contract that provides initial stable revenue
- A marketing channel focused exclusively on outdoor advertising
- A coastal retail location chosen for maximum foot traffic
- A specific initial target market used to establish a foothold before expanding (Correct answer)
Correct answer: A specific initial target market used to establish a foothold before expanding
A beachhead market is a manageable initial segment where a bootstrapped company wins decisively before expanding to adjacent markets.
Question 48: What is the purpose of scenario planning for a bootstrapped business?
- To prepare contingency strategies for different possible market and financial conditions (Correct answer)
- To create theatrical presentations for investor pitch decks
- To schedule employee training programs across multiple quarters
- To document the company's founding story for branding purposes
Correct answer: To prepare contingency strategies for different possible market and financial conditions
Scenario planning lets bootstrapped founders think through best-case, worst-case, and likely outcomes so they can respond quickly when conditions change.
Question 49: A developer uses Bootstrap's visually-hidden (.visually-hidden) class on a form label. Which WCAG 2.1 success criterion does this technique satisfy?
- 4.1.2 Name, Role, Value
- 2.1.1 Keyboard
- 1.1.1 Non-text Content
- 1.3.1 Info and Relationships (Correct answer)
Correct answer: 1.3.1 Info and Relationships
Hiding a label visually while keeping it in the DOM preserves the programmatic association between the label and input, satisfying WCAG 1.3.1 which requires that information conveyed through presentation also be available programmatically.
Question 50: How does customer feedback integration strengthen bootstrap strategic planning?
- It qualifies the business for government innovation grants
- It allows the company to charge higher prices based on perceived quality
- It ensures product development and strategy stay aligned with real market needs (Correct answer)
- It replaces the need for formal business planning documents
Correct answer: It ensures product development and strategy stay aligned with real market needs
Direct customer feedback helps bootstrapped companies avoid building features no one wants, keeping resource allocation tightly aligned with genuine demand.
Question 51: Which approach creates three equal-width columns with the LEAST markup needed on individual column elements?
- Adding .row-cols-3 to the row element (Correct answer)
- Adding .container-cols-3 to the container
- Adding .col to each column element
- Adding .col-4 to each column element
Correct answer: Adding .row-cols-3 to the row element
.row-cols-3 on the row automatically makes all direct child columns equal-width (one-third) without requiring any class on each individual column.
Question 52: Which Bootstrap grid utility hides an element only on medium screens (md) while keeping it visible on all other sizes?
- .d-none .d-md-block
- .hide-md
- .invisible-md
- .d-md-none (Correct answer)
Correct answer: .d-md-none
.d-md-none sets display:none starting at the md breakpoint without affecting other breakpoints when combined with .d-block.
Question 53: What financial document is most essential for bootstrap cash flow management?
- 13-week rolling cash flow forecast (Correct answer)
- Equity capitalization table
- Annual report for shareholders
- Amortization table for long-term loans
Correct answer: 13-week rolling cash flow forecast
A 13-week rolling cash flow forecast provides granular near-term visibility into cash inflows and outflows critical for bootstrapped survival.
Question 54: What role does competitive intelligence play in bootstrap strategic planning?
- It helps identify gaps in the market and avoid direct competition with well-funded rivals (Correct answer)
- It is only relevant for publicly traded companies
- It requires hiring a dedicated market research team
- It primarily serves legal and compliance documentation purposes
Correct answer: It helps identify gaps in the market and avoid direct competition with well-funded rivals
Bootstrapped companies use competitive intelligence to find underserved niches and avoid costly head-to-head battles with resource-rich competitors.
Question 55: Which Bootstrap component should be used to provide step-by-step progress indicators in a multi-step form?
- Pagination
- Breadcrumb (Correct answer)
- Progress bar
- Stepper via list-group with active states
Correct answer: Breadcrumb
Breadcrumbs visually indicate location within a multi-step process and are the semantically appropriate Bootstrap component for form step navigation.
Question 56: In Bootstrap's default grid system, how many columns does the layout divide into?
- 16
- 10
- 12 (Correct answer)
- 24
Correct answer: 12
Bootstrap uses a 12-column grid system because 12 is evenly divisible by 2, 3, 4, and 6, allowing flexible layout combinations.
Question 57: In the context of Bootstrap project methodology, what does 'pull communication' mean?
- Sending status reports to all stakeholders automatically
- Calling stakeholders to request their input
- Extracting requirements from stakeholders through interviews
- Making information available for stakeholders to access when they need it, such as a project portal (Correct answer)
Correct answer: Making information available for stakeholders to access when they need it, such as a project portal
Pull communication empowers stakeholders to retrieve information on-demand rather than receiving scheduled pushes.
Question 58: Under COPPA (Children's Online Privacy Protection Act), which Bootstrap UI element must be carefully reviewed when collecting age data on a US site with users who may be under 13?
- Bootstrap's list group for displaying content
- Bootstrap's progress bar
- Bootstrap's date input styled with form-control (Correct answer)
- Bootstrap's card deck layout
Correct answer: Bootstrap's date input styled with form-control
COPPA compliance requires verifiable parental consent before collecting data from under-13 users; age/date-of-birth inputs styled with Bootstrap's form-control must feed age-gating logic before any data collection begins.
Question 59: Which Bootstrap feature directly supports compliance with WCAG 2.1 SC 1.4.4 (Resize Text), requiring text to be resizable up to 200% without loss of content?
- Bootstrap's font-size-* utility classes with px values
- Bootstrap's use of rem units for typography and spacing (Correct answer)
- Bootstrap's text-nowrap utility
- Bootstrap's fixed pixel font-size base of 16px
Correct answer: Bootstrap's use of rem units for typography and spacing
Bootstrap uses rem-based font sizes and spacing, which scale proportionally when users resize text in browser settings, unlike px-based values that remain fixed regardless of user preferences.
Question 60: When auditing Bootstrap's container widths, which container type spans the full viewport width at every breakpoint?
- .container
- .container-xl
- .container-full
- .container-fluid (Correct answer)
Correct answer: .container-fluid
.container-fluid is always 100% wide regardless of viewport size, unlike .container which has max-width breakpoints.
Question 61: Which approach does 'active risk acceptance' require compared to 'passive risk acceptance'?
- Developing a contingency plan in advance while still accepting the risk (Correct answer)
- Immediately transferring the risk to a third party
- Reducing probability through preventive measures
- Removing the risk source from the project plan
Correct answer: Developing a contingency plan in advance while still accepting the risk
Active acceptance acknowledges the risk but prepares a contingency plan ready to execute if the risk materializes, unlike passive acceptance which has no pre-planned response.
Question 62: Which Bootstrap class creates a full-width container that spans the entire viewport width at all breakpoints?
- .container
- .container-fluid (Correct answer)
- .container-full
- .container-lg
Correct answer: .container-fluid
.container-fluid creates a 100%-width container that stretches to fill the full viewport width regardless of screen size.
Question 63: Which Bootstrap utility class is specifically recommended to meet WCAG 2.1 minimum contrast ratio of 4.5:1 for normal text?
- text-light
- text-muted
- text-secondary
- text-body (Correct answer)
Correct answer: text-body
Bootstrap's 'text-body' uses the default body color which is designed to meet WCAG 4.5:1 contrast against the default background, whereas 'text-muted' and 'text-secondary' often fall below that threshold.
Question 64: Why is transparent communication about company financials important in bootstrapped team leadership?
- It satisfies requirements for bootstrap professional certification
- It is legally required by the Sarbanes-Oxley Act for all businesses
- It prevents employees from negotiating higher salaries
- It builds trust and aligns the team around shared financial goals and constraints (Correct answer)
Correct answer: It builds trust and aligns the team around shared financial goals and constraints
When team members understand the company's financial reality, they make better decisions, prioritize appropriately, and feel genuinely invested in success.
Question 65: Which Bootstrap utility class makes an image scale proportionally to never exceed its parent container's width?
- img-responsive
- w-auto
- img-fluid (Correct answer)
- img-scale
Correct answer: img-fluid
`img-fluid` applies `max-width: 100%` and `height: auto` so images shrink to fit without distorting.
Question 66: Which HTTP security header is NOT directly related to Bootstrap CSS/JS delivery compliance but is frequently required by enterprise security audits of Bootstrap-powered sites?
- X-Content-Type-Options
- Content-Security-Policy
- X-Frame-Options
- Strict-Transport-Security (Correct answer)
Correct answer: Strict-Transport-Security
HSTS (Strict-Transport-Security) enforces HTTPS at the transport layer and is independent of Bootstrap assets, but enterprise security audits routinely flag its absence on any production site.
Question 67: What is the primary purpose of Bootstrap's .order-* utility classes on grid columns?
- Define the animation sequence for column transitions
- Set grid column rendering priority in the browser
- Set the CSS z-index stacking order
- Visually reorder columns without changing HTML source order (Correct answer)
Correct answer: Visually reorder columns without changing HTML source order
Bootstrap's .order-1 through .order-5 classes use CSS flexbox order property to change visual column sequence independently of the HTML DOM order.
Question 68: What does a bootstrapped company's break-even analysis help determine?
- The total addressable market size for the product
- The number of venture capital firms to approach for funding
- The optimal time to sell the business to a strategic buyer
- The minimum revenue needed to cover all fixed and variable costs (Correct answer)
Correct answer: The minimum revenue needed to cover all fixed and variable costs
Break-even analysis identifies the sales volume at which total revenue equals total costs, a critical survival threshold for bootstrapped businesses.
Question 69: A Bootstrap tooltip is not appearing on a custom disabled button. What is the most likely cause and fix?
- Disabled elements don't fire events; wrap the button in a span and init the tooltip on the span (Correct answer)
- Add data-bs-trigger="click" to activate tooltips on disabled elements
- Call bootstrap.Tooltip.getInstance() instead of new bootstrap.Tooltip()
- Use title attribute instead of data-bs-title on disabled buttons
Correct answer: Disabled elements don't fire events; wrap the button in a span and init the tooltip on the span
Pointer events are blocked on disabled elements, so Bootstrap recommends wrapping them in a span to catch mouse events for tooltip triggering.
Question 70: Which risk response is most appropriate when a risk's probability and impact are both too low to justify active treatment?
- Mitigate
- Exploit
- Passive acceptance (Correct answer)
- Active acceptance
Correct answer: Passive acceptance
Passive acceptance means acknowledging the risk with no proactive action โ appropriate when the cost of response exceeds the potential loss.
Bootstrap 5 Developer Certificate
Tests knowledge of the Bootstrap 5 framework for building responsive, mobile-first websites and web applications, covering grid layout, components, utilities, and JavaScript plugins.
Exam Rules
- You can skip questions and return to them later
- Flag questions for review before submitting
- No feedback shown until you submit the entire exam
- Unanswered questions count as wrong โ answer everything
- 10 pretest questions are mixed in and don't affect your score
- Timer auto-submits when time runs out
- Your progress is auto-saved every 30 seconds