Menu
×
×
Correct!

Exercise:

Add the required classes and attributes to create a dropdown list.

<div class="dropdown"> <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle"> Dropdown Example <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> </ul> </div>
<div class="dropdown"> <button data-toggle='dropdown' class="btn btn-primary dropdown-toggle"> Dropdown Example <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> </ul> </div>
<div class="dropdown"> <button DATA-TOGGLE="dropdown" class="btn btn-primary dropdown-toggle"> Dropdown Example <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> </ul> </div>
<div class="dropdown"> <button DATA-TOGGLE='dropdown' class="btn btn-primary dropdown-toggle"> Dropdown Example <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> </ul> </div>

Not Correct

Click here to try again.

Correct!

Next ❯
              <div class="">
              <button 
              class="btn btn-primary ">
              Dropdown Example
              <span class="caret"></span></button>
              <ul class="">
              <li><a href="#">HTML</a></li>
              <li><a href="#">CSS</a></li>
              <li><a href="#">JavaScript</a></li>
              </ul>
              </div>
            


            
            
          




Log in to keep your progress
Sign up to keep your progress

Completed 0 of 54 Exercises:

BOOTSTRAP 3 Tables
BOOTSTRAP 3 Images
BOOTSTRAP 3 Alerts
BOOTSTRAP 3 Buttons
BOOTSTRAP 3 Glyphicons
BOOTSTRAP 3 Badges
BOOTSTRAP 3 Progress Bar
BOOTSTRAP 3 Pagination
BOOTSTRAP 3 Panels
BOOTSTRAP 3 Dropdowns
BOOTSTRAP 3 Tabs
BOOTSTRAP 3 Navbars

×

Reset the Score?

This will reset the score of ALL 54 exercises.

Are you sure you want to continue?



×

Congratulations!

You have finished all 54 BOOTSTRAP 3 exercises.

Share your score:



Get Certified!

Take our Bootstrap Developer Certificate to prove that you have fundamental knowledge of Bootstrap 3.