Tuesday, April 4, 2017

Bootstrap Quiz

W3Schools Bootstrap Quiz

Bootstrap QUIZPoints: 18 out of 25
1. Bootstrap 3 is mobile-first.
You answered:
True
 Correct Answer!

2. Which class provides a responsive fixed width container?
You answered:
.container-fixed
 Wrong Answer!

3. Which class provides a full width container, spanning the entire width of the viewport?
You answered:
.container
 Wrong Answer!

4. The Bootstrap grid system is based on how many columns?
You answered:
12
 Correct Answer!

5. Which class adds zebra-stripes to a table?
You answered:
.table-zebra
 Wrong Answer!

6. Which class shapes an image to a circle?
You answered:
.img-circle
 Correct Answer!

7. Which class is used to create a big box for calling extra attention?
You answered:
.jumbotron
 Correct Answer!

8. Which button class is used to create a large button?
You answered:
.btn-lg
 Correct Answer!

9. Which class is used to create a button group?
You answered:
.btn-group
 Correct Answer!

10. How can you insert a search icon?
You answered:
<span class="glyph glyph-search"></span>
 Wrong Answer!

11. Which class is used to create a badge?
You answered:
.badge
 Correct Answer!

12. Which class is used to create a basic pagination?
You answered:
.pagination
 Correct Answer!

13. Which class is used to create a basic list group?
You answered:
.list-group
 Correct Answer!

14. Which class adds a heading to a panel?
You answered:
.panel-head
 Wrong Answer!

15. Which class indicates a dropdown menu?
You answered:
.dropdown
 Correct Answer!

16. A standard navigation tab is created with:
You answered:
<ul class="nav nav-navbar">
 Wrong Answer!

17. A standard navigation bar is created with:
You answered:
<nav class="navbar navbar-default">
 Correct Answer!

18. Which class is used to create a black navigation bar?
You answered:
.navbar-black
 Wrong Answer!

19. Which plugin is used to cycle through elements, like a slideshow?
You answered:
Carousel
 Correct Answer!

20. Which plugin is used to create a modal window?
You answered:
Modal
 Correct Answer!

21. Which plugin is used to create a tooltip?
You answered:
Tooltip
 Correct Answer!

22. Which contextual class indicates a succesful or positive action?
You answered:
.text-success
 Correct Answer!

23. Which contextual class indicates a dangerous or potentially negative action?
You answered:
.text-danger
 Correct Answer!

24. Which class indicates uppercased text?
You answered:
.text-uppercase
 Correct Answer!

25. The Bootstrap grid system works across multiple devices.
You answered:
True
 Correct Answer!


By W3SchoolsTime spent: 5:05 

No comments:

Post a Comment