×

×

Correct!

Exercise:

Use a "contextual class" to color the panel green.

<div class="panel panel-success"> <div class="panel-heading">My Header</div> <div class="panel-body">Hello World</div> <div class="panel-footer">My Footer</div> </div>

Not Correct

Click here to try again.

Correct!

Next ❯

<div class="panel w3exercise_input_no_0
">
  <div class="panel-heading">My Header</div>
  <div class="panel-body">Hello World</div>
  <div class="panel-footer">My Footer</div>
</div>

Completed 0 of 54 Exercises:

BOOTSTRAP 3 Tables

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Go to BOOTSTRAP 3 Tables Tutorial

BOOTSTRAP 3 Images

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

BOOTSTRAP 3 Alerts

Exercise 1 Exercise 2 Exercise 3 Go to BOOTSTRAP 3 Alerts Tutorial

BOOTSTRAP 3 Buttons

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

BOOTSTRAP 3 Glyphicons

Exercise 1 Exercise 2 Go to BOOTSTRAP 3 Glyphicons Tutorial

BOOTSTRAP 3 Badges

Exercise 1 Exercise 2 Exercise 3 Go to BOOTSTRAP 3 Badges Tutorial

BOOTSTRAP 3 Progress Bar

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

BOOTSTRAP 3 Pagination

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to BOOTSTRAP 3 Pagination Tutorial

BOOTSTRAP 3 Panels

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to BOOTSTRAP 3 Panels Tutorial

BOOTSTRAP 3 Dropdowns

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to BOOTSTRAP 3 Dropdowns Tutorial

BOOTSTRAP 3 Tabs

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Go to BOOTSTRAP 3 Tabs Tutorial

BOOTSTRAP 3 Navbars

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to BOOTSTRAP 3 Navbars Tutorial