Bootstrap Framework Fresco Play MCQs Answers

Bootstrap Framework Fresco Play MCQs Answers

Disclaimer: The main motive to provide this solution is to help and support those who are unable to do these courses due to facing some issue and having a little bit lack of knowledge. All of the material and information contained on this website is for knowledge and education purposes only.

Try to understand these solutions and solve your Hands-On problems. (Not encourage copy and paste these solutions)

Quiz on Bootstrap CSS

1.What is the default size of the H4 bootstrap heading?

1. 30
2. 24
3. 16
4. 36

Answer: 2)24

2.Which of the following classes styles a table as a basic table with stripes on rows?

1. .table-bordered
2. .table-striped
3. .table-hover
4. .table

Answer: 2).table-striped

3.The Bootstrap grid system works across multiple devices.

1. True
2. False

Answer: 1)True

• List of Fresco Play Courses without Hands-On | Fresco Play
• HMTL5 Semantics Elements MCQs Answers | Fresco Play
• HMTL5 Semantics Elements Hands-On Solutions | Fresco Play
• Styling with CSS3 Hands-On Solutions | Fresco Play
• Blockchain Intermedio MCQs Answers | Fresco Play
• Blockchain - Potentes Nexus MCQs Answers | Fresco Play
• Azure Essentials MCQs Answers | Fresco Play
• AWS Essentials MCQs Answers | Fresco Play

Quiz on Bootstrap Components

1.A standard navigation bar is created using __________.

1. <nav class="navbar-black">
2. <nav class="navbar navbar-inverse">
3. <nav class="navbar navbar-default">
4. <nav class="nav navbar">

Answer: 3)<nav class="navbar navbar-default">

2.Which class shapes an image to a circle?

1. .img-round
2. .img-rounded
3. .img-thumbnail
4. .img-circle

Answer: 4).img-circle

3.Which of the following Bootstrap styles is used to create a vertical pills navigation?

1. .nav, .nav-tabs
2. .nav, .nav-pills, .nav-stacked
3. .nav, .nav-tabs, .nav-justified
4. .nav, .nav-pills

Answer: 2).nav, .nav-pills, .nav-stacked

Quiz on Bootstrap Plugins

1.Which of the following is correct about dropdown Plugin?

1. Both the options
2. You can toggle the dropdown plugin's hidden content through data attributes.
3. None of the options
4. You can toggle the dropdown plugin's hidden content through JavaScript.

Answer: 1)Both the options

2.Which of the following is correct about Transition Plugin?

1. None of the options
2. Both the options
3. It is used by the other plugins to check for CSS transition support and to catch hanging transitions.
4. Transition.js is a basic helper for transitionEnd events as well as a CSS transition emulator.

Answer: 2)Both the options

3.Which of the following is correct about the data-animation data attribute of Tooltip Plugin?

1. It specifies how to position the popover (that is, top/bottom/left/right/auto).
2. It inserts HTML into the popover. If false, jQuery's text method will be used to insert content into the DOM.
3. It delegates to the specified targets.
4. It applies a CSS fade transition to the popover.

Answer: 4)It applies a CSS fade transition to the popover.

• Bootstrap Framework Hands-On Solutions | Fresco Play

Bootstrap Framework Final Assessment

1.Which of the following is correct about Bootstrap?

1. Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter.
2. All the options mentioned
3. Bootstrap is a sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.
4. It uses HTML, CSS, and JavaScript.

Answer: 2)All the options mentioned

2.Which of the following classes styles a table as a basic table with stripes on rows?

1. .table
2. .table-striped
3. .table-bordered
4. .table-hover

Answer: 2).table-striped

3.Which of the following is the default layout of a Bootstrap form?

1. None of the options
2. .inline
3. .horizontal
4. .vertical

Answer: 4).vertical

4.Which of the following classes can be used to add a footer to a panel?

1. .footer
2. .panel-footer
3. .panel
4. None of the options

Answer: 2).panel-footer

5.Bootstrap was developed by ________________.

1. None of the options
2. Mark Otto and Jacob Thornton
3. Mark Jukervich
4. James Gosling

Answer: 2)Mark Otto and Jacob Thornton

6.Which of the following is correct about Transition Plugin?

1. None of the options
2. It is used by the other plugins to check for CSS transition support and to catch hanging transitions.
3. Both the options
4. Transition.js is a basic helper for transitionEnd events as well as a CSS transition emulator.

Answer: 3)Both the options

7.Which of the following Bootstrap styles can be used to create progress bars with different styles?

1. .progress-bar-success, .progress-bar-info, .progress-bar-warning, .progress-bar-danger
2. .success, .info, .warning, .danger
3. None of the options
4. .progress, .progress-bar

Answer: 1).progress-bar-success, .progress-bar-info, .progress-bar-warning, .progress-bar-danger

8.Which plugin is used to create a modal window?

1. Modal Plugin
2. Alert Plugin
3. Popover Plugin
4. Carousel Plugin

Answer: 1)Modal Plugin

9.Which of the following Bootstrap button styles indicates that caution should be taken with an action?

1. .btn-danger
2. .btn-link
3. .btn-warning
4. .btn-info

Answer: 3).btn-warning

10.Which plugin is used to cycle through elements, like a slideshow?

1. Transition plugin
2. Affix plugin
3. Popover plugin
4. Carousel plugin

Answer: 4)Carousel plugin

11.Which of the following is correct about dropdown Plugin?

1. None of the options
2. Both the options
3. You can toggle the dropdown plugin's hidden content through data attributes.
4. You can toggle the dropdown plugin's hidden content through JavaScript.

Answer: 2)Both the options

12.Which of the following is correct about the data-delay data attribute of Tooltip Plugin?

1. It defines default content value if data-content attribute is not present.
2. It defines how the tooltip is triggered.
3. It delays showing and hiding the tooltip in milliseconds.
4. It sets the default title value if the title attribute is not present.

Answer: 3)It delays showing and hiding the tooltip in milliseconds.

13.The Bootstrap grid system is based on how many columns?

1. 12
2. 3
3. 9
4. 6

Answer: 1)12

14.Which of the following is true about Bootstrap help text?

1. Both the options mentioned
2. None of the options
3. Bootstrap form controls can have a block-level help text that flows with the inputs.
4. To add a full width block of content, use .help-block after the <input>.

Answer: 1)Both the options mentioned

15.A standard navigation bar is created using __________.

1. <nav class="navbar-black">
2. <nav class="navbar navbar-default">
3. <nav class="navbar navbar-inverse">
4. <nav class="nav navbar">

Answer: 2)<nav class="navbar navbar-default">

If you want answers to any of the fresco play courses feel free to ask in the comment section, we will surely help.