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