W3Schools Bootstrap Quiz

11. Which class is used to create a badge? .flag .tag .badge .label

.badge

9. Which class is used to create a button group? .button-group .btn-group .group-button .group-btn

.btn-group

8. Which button class is used to create a large button? .btn-large .btn-l .btn-lg .btn-xl

.btn-lg

2. Which class provides a responsive fixed width container? .container-fluid .container-fixed .container

.container

3. Which class provides a full width container, spanning the entire width of the viewport? .container-fluid .container-fixed .container

.container-fluid

15. Which class indicates a dropdown menu? .select .dropdown-list .dropdown

.dropdown

6. Which class shapes an image to a circle? .img-circle .img-rounded .img-round .img-thumbnail

.img-circle

7. Which class is used to create a big box for calling extra attention? .bigbox .jumbotron .container

.jumbotron

13. Which class is used to create a basic list group? .list-group .grouped-list .group-list

.list-group

18. Which class is used to create a black navigation bar? .navbar-default .navbar-inverse .navbar-dark .navbar-black

.navbar-inverse

12. Which class is used to create a basic pagination? .pages .navigation .page .pagination

.pagination

14. Which class adds a heading to a panel? .panel-header .panel-head .panel-footer .panel-heading

.panel-heading

5. Which class adds zebra-stripes to a table? .table-striped .table-bordered .table-zebra .even and .odd

.table-striped

23. Which contextual class indicates a dangerous or potentially negative action? .text-info .text-warning .text-primary .text-danger

.text-danger

22. Which contextual class indicates a successful or positive action? .text-warning .text-primary .text-success .text-info

.text-success

24. Which class indicates uppercased text? .text-uppercase .ucase .uppercase .text-capitalize

.text-uppercase

17. A standard navigation bar is created with: <nav class="navbar default-navbar"> <nav class="navigationbar navbar-default"> <nav class="navbar navbar-default"> <nav class="nav navbar">

<nav class="navbar navbar-default">

10. How can you insert a search icon? <span class="glyphicon-search"></span> <span class="glyphicon glyphicon-search"></span> <span class="glyph glyph-search"></span> <span class="glyphicon search"></span>

<span class="glyphicon glyphicon-search"></span>

16. A standard navigation tab is created with: <ul class="nav tabs"> <ul class="navigation-tabs"> <ul class="nav nav-tabs"> <ul class="nav nav-navbar">

<ul class="nav nav-tabs">

19. Which plugin is used to cycle through elements, like a slideshow? Carousel Orbit Scrollspy Slideshow

Carousel

20. Which plugin is used to create a modal window? Dialog Box Modal Window Popup

Modal

1. Bootstrap 3 is mobile-first.

True

25. The Bootstrap grid system works across multiple devices.

True

4. The Bootstrap grid system is based on how many columns? 12 3 9 6

12

21. Which plugin is used to create a tooltip? Popup Tooltip Modal Dialog Box

Tooltip