Viva Questions

20 most-asked Bootstrap viva questions with one-line answers.

Common Bootstrap Viva Questions and Answers

What is Bootstrap? A free, open-source CSS framework for building responsive, mobile-first websites.
Who developed Bootstrap? Mark Otto and Jacob Thornton at Twitter, released August 2011.
Which is the latest version? Bootstrap 5 (jQuery-free, vanilla JS).
What are the 3 ways to add Bootstrap? CDN link, npm install, manual download.
How many columns in the Bootstrap grid? 12.
What are the breakpoints? xs (<576), sm (≥576), md (≥768), lg (≥992), xl (≥1200), xxl (≥1400) px.
What is .container vs .container-fluid? .container is fixed-width by breakpoint; .container-fluid is always 100%.
What is .row and .col? .row is a flex container; .col is a flex item that auto-sizes.
Mobile-first vs desktop-first? Bootstrap is mobile-first — base styles target small screens, then scale up.
What CSS preprocessor does Bootstrap use? Sass.
What changed in Bootstrap 5 vs 4? No jQuery, drops IE10/11, new utility API, custom properties (CSS vars), RTL support.
What is a Bootstrap component? A pre-styled UI element (button, card, navbar, modal, etc.).
What is a Bootstrap utility? A single-purpose helper class like .mt-3 (margin-top), .text-center, .d-flex.
How do you create a button? <button class="btn btn-primary">Click</button>.
How do you make a card? <div class="card"><div class="card-body">…</div></div>.
How do you create a responsive image? class="img-fluid" makes it max-width: 100%; height: auto.
What is the navbar? .navbar is Bootstrap's responsive top navigation component with a built-in mobile toggle.
What is a modal? A dialog box overlay triggered with data-bs-toggle="modal".
What is a carousel? A slideshow component for cycling through images / content.
What licence is Bootstrap under? MIT License — free for personal + commercial use.

AI-powered recap

Quick recap quiz?

We'll generate 5 MCQs from this lesson and check your understanding instantly. Takes ~30 seconds.

Ready to move on?

// example library

Want more hands-on snippets in Bootstrap?

Browse 1 runnable example · across 1 chapter · short, copy-paste-friendly · grouped by topic

Explore examples

// interactive coach

Practice this in the Bootstrap Coach

Live HTML sandbox with an AI mentor (Gemini 3-Flash) — edit markup, get instant feedback.

Open Coach

// feedback.matters()

Did this lesson help you?

Back to course