Bootstrap 5 practice

Filter by difficulty, use hints, reveal solutions and save attempts locally.

1. Practice Bootstrap 5 overview by building one step of a small real project feature and checking the result.

code-writing
beginnerBootstrap 5 overview

1. Start from the Bootstrap 5 overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

2. Practice Bootstrap 5 setup by building one step of a small real project feature and checking the result.

code-fix
beginnerBootstrap 5 setup

1. Start from the Bootstrap 5 setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

3. Practice Bootstrap 5 syntax by building one step of a small real project feature and checking the result.

output
beginnerBootstrap 5 syntax

1. Start from the Bootstrap 5 syntax lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

4. Practice Bootstrap 5 examples by building one step of a small real project feature and checking the result.

fill-blank
beginnerBootstrap 5 examples

1. Start from the Bootstrap 5 examples lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

5. Practice Bootstrap 5 workflow by building one step of a small real project feature and checking the result.

true-false
beginnerBootstrap 5 workflow

1. Start from the Bootstrap 5 workflow lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

6. Practice Bootstrap 5 validation by building one step of a small real project feature and checking the result.

mini-project
beginnerBootstrap 5 validation

1. Start from the Bootstrap 5 validation lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

7. Practice Bootstrap 5 debugging by building one step of a small real project feature and checking the result.

mcq
beginnerBootstrap 5 debugging

1. Start from the Bootstrap 5 debugging lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

8. Practice Bootstrap 5 best practices by building one step of a small real project feature and checking the result.

code-writing
beginnerBootstrap 5 best practices

1. Start from the Bootstrap 5 best practices lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

9. Practice Bootstrap 5 overview by building one step of a small real project feature and checking the result.

code-fix
beginnerBootstrap 5 overview

1. Start from the Bootstrap 5 overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

10. Practice Bootstrap 5 setup by building one step of a small real project feature and checking the result.

output
beginnerBootstrap 5 setup

1. Start from the Bootstrap 5 setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

11. Practice Bootstrap 5 syntax by building one step of a small real project feature and checking the result.

fill-blank
intermediateBootstrap 5 syntax

1. Start from the Bootstrap 5 syntax lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

12. Practice Bootstrap 5 examples by building one step of a small real project feature and checking the result.

true-false
intermediateBootstrap 5 examples

1. Start from the Bootstrap 5 examples lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

13. Practice Bootstrap 5 workflow by building one step of a small real project feature and checking the result.

mini-project
intermediateBootstrap 5 workflow

1. Start from the Bootstrap 5 workflow lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

14. Practice Bootstrap 5 validation by building one step of a small real project feature and checking the result.

mcq
intermediateBootstrap 5 validation

1. Start from the Bootstrap 5 validation lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

15. Practice Bootstrap 5 debugging by building one step of a small real project feature and checking the result.

code-writing
intermediateBootstrap 5 debugging

1. Start from the Bootstrap 5 debugging lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

16. Practice Bootstrap 5 best practices by building one step of a small real project feature and checking the result.

code-fix
intermediateBootstrap 5 best practices

1. Start from the Bootstrap 5 best practices lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

17. Practice Bootstrap 5 overview by building one step of a small real project feature and checking the result.

output
intermediateBootstrap 5 overview

1. Start from the Bootstrap 5 overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

18. Practice Bootstrap 5 setup by building one step of a small real project feature and checking the result.

fill-blank
intermediateBootstrap 5 setup

1. Start from the Bootstrap 5 setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.