Exercise v3.0

Correct!

Fill in the missing parts to create a "pill" bagde:

<span class="@(5) @(12) bg-secondary">New Comment</span>

<span class="badge rounded-pill bg-secondary">New Comment</span>

Not Correct

Click here to try again.

Correct!

Go to w3schools.com

Reset Score

Close This Menu

BS5 Containers

Exercise 1 Exercise 2 Go to BS5 Containers Tutorial

BS5 Typography

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Typography Tutorial

BS5 Colors

Exercise 1 Exercise 2 Go to BS5 Colors Tutorial

BS5 Images

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to BS5 Images Tutorial

BS5 Tables

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to BS5 Tables Tutorial

BS5 Alerts

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Alerts Tutorial

BS5 Buttons

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Exercise 7 Go to BS5 Buttons Tutorial

BS5 Badges

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Badges Tutorial

BS5 Progress Bar

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to BS5 Progress Bar Tutorial

BS5 Spinners

Exercise 1 Exercise 2 Go to BS5 Spinners Tutorial

BS5 Pagination

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Pagination Tutorial

BS5 List Groups

Exercise 1 Exercise 2 Go to BS5 List Groups Tutorial

BS5 Cards

Exercise 1 Exercise 2 Go to BS5 Cards Tutorial

BS5 Dropdowns

Exercise 1 Go to BS5 Dropdowns Tutorial

BS5 Collapse

Exercise 1 Go to BS5 Collapse Tutorial

BS5 Navs

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Navs Tutorial

BS5 Navbars

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Navbars Tutorial

Reset the Score?

This will reset the score of ALL 50 exercises.

Are you sure you want to continue?

Congratulations!

You have finished all 50 BS5 exercises.

Share your score: