Bootstrap mock tests
Test yourself on the whole course, against the clock: questions from every module, then coding problems you solve and run right here. Your score comes at the end, with every answer explained.
Each mock test has 12 questions drawn from the lessons, and 45 minutes on the clock, which keeps running if you reload. Questions are worth a point each. Score 60% or more to pass; your best score is kept.
- 01Mock test 112 questions · 45 minutes · 12 points
- 02Mock test 212 questions · 45 minutes · 12 points
Part A · 12 questions
- What does an input group do?
- What does d-none d-lg-flex do?
- Which class adds the padded content area inside a card?
- How do you make a paragraph look like an h3 without making it a heading?
- How do you make a button stretch to the full width of its container?
- When should you open a modal with the JavaScript API instead of data attributes?
- Which container is always the full width of the screen?
- What does h-100 do on cards in the same row?
- Which classes make a blue Bootstrap button?
- On a 1000px-wide screen, how wide can .container be at most?
- What does list-unstyled do?
- When should you use <a class="btn"> rather than <button class="btn">?
Part A · 12 questions
- What closes a dismissible alert when its button is clicked?
- How do you mark the current page's link for both sighted and screen reader users?
- Which class makes a paragraph stand out as an introduction?
- How does the menu button know which part of the navbar to show and hide?
- What does the class mt-3 do in Bootstrap?
- What does col-12 col-md-4 mean?
- What does the class py-3 do?
- What is the correct nesting for the Bootstrap grid?
- How many columns does a Bootstrap row have?
- Below which width does a navbar-expand-lg navbar collapse behind a menu button?
- Which class pushes an item in a flex row to the far right?
- In the validation example, what reveals the red and green feedback?