Exercise v3.0

Correct!

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

<span class="@(5) @(10) badge-secondary">New Comment</span>

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

Not Correct

Click here to try again.

Correct!

Go to w3schools.com

Reset Score

Close This Menu

BS4 Containers

Exercise 1 Exercise 2 Go to BS4 Containers Tutorial

BS4 Typography

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Typography Tutorial

BS4 Colors

Exercise 1 Exercise 2 Go to BS4 Colors Tutorial

BS4 Tables

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

BS4 Images

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

BS4 Alerts

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Alerts Tutorial

BS4 Buttons

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

BS4 Badges

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Badges Tutorial

BS4 Progress Bar

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

BS4 Spinners

Exercise 1 Exercise 2 Go to BS4 Spinners Tutorial

BS4 Pagination

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Pagination Tutorial

BS4 List Groups

Exercise 1 Exercise 2 Go to BS4 List Groups Tutorial

BS4 Cards

Exercise 1 Exercise 2 Go to BS4 Cards Tutorial

BS4 Dropdowns

Exercise 1 Go to BS4 Dropdowns Tutorial

BS4 Collapse

Exercise 1 Go to BS4 Collapse Tutorial

BS4 Navs

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Navs Tutorial

BS4 Navbars

Exercise 1 Exercise 2 Exercise 3 Go to BS4 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 BS4 exercises.

Share your score: