Foundation is a free front-end designed framework. It provides responsive design, responsive grid and HTML and CSS UI components, code snippets to display the code section on the page, templates including responsive navigations, forms, buttons, inputs, and other elements.
Foundation Framework MCQs: This section contains multiple-choice questions and answers on the various topics of Foundation Framework. Practice these MCQs to test and enhance your skills on Foundation Framework.
List of Foundation Framework MCQs
1. Foundation is a ____.
- A Framework
- A library
Answer: A) A Framework
Explanation:
Foundation is a responsive front-end Framework.
2. Which of the following browsers support the flexbox mode of the Foundation framework?
- The latest Chrome and Firefox
- Safari 6+
- IE/Edge 10+
- iOS 7+
- Android 4.4+
- All of the above
Answer: F) All of the above
Explanation:
Following browsers support the flexbox mode of the Foundation framework:
- The latest Chrome and Firefox
- Safari 6+
- IE/Edge 10+
- iOS 7+
- Android 4.4+
3. Which of the following components have flexbox mode in the Foundation framework?
- Card
- Menu
- Title bar
- Media object
- All of the above
Answer: E) All of the above
Explanation:
Following components have flexbox modes:
- Button group
- Input group – (Forms)
- Menu
- Top bar
- Media object
- Title bar
- Card
4. Foundation is written in ____.
- Sass
- Java
- Python
- Erlang
Answer: A) Sass
Explanation:
Foundation is written in Sass.
5. Which of the following can be employed to compile Foundation for Sites?
- Ruby Sass
- libsass
- Both
Answer: C) Both
Explanation:
Ruby Sass and libsass can be employed to compile Foundation for Sites.
6. A single Foundation plugin can only be applied to a single element at a time.
- True
- False
Answer: A) True
Explanation:
A single Foundation plugin can only be applied to a single element at a time.
7. ____ prohibits a function from running more than once per n milliseconds?
- Choker
- Throttle
- Trigger
- Events
Answer: B) Throttle
Explanation:
Throttle prohibits a function from running more than once per n milliseconds.
8. Foundation for sites have how many core breakpoints?
- 2
- 3
- 4
- 5
Answer: B) 3
Explanation:
Foundation for Sites has three core breakpoints:
- Small: any screen.
- Medium: any screen 640 pixels or larger.
- Large: any screen 1024 pixels or larger.
9. Which of the following function determines whether the screen is at least as wide as a breakpoint?
- Minimum
- atLeast
- Is
- upto
Answer: B) atLeast
Explanation:
atLeast function determines whether the screen is at least as wide as a breakpoint.
10. Which of the following method checks whether or not the screen matches a breakpoint?
- Minimum
- atLeast
- Is
- upto
Answer: C) Is
Explanation:
Is method Checks whether or not the screen matches a breakpoint.
11. Which of the following method gets a breakpoint’s media query?
- Retrieve
- Obtain
- Get
- Returns
Answer: C) Get
Explanation:
Get method Gets a breakpoint’s media query.
12. Which of the following is the default foundation grid?
- Float Grid
- Flex Grid
- X Y Grid
Answer: C) X Y Grid
Explanation:
The XY grid is the Foundation grid by default.
13. Does XY grids in the foundation framework supports vertical grids?
- Yes
- No
Answer: A) Yes
Explanation:
Yes, XY grids in the foundation framework supports vertical grids.
14. The browser style sheet’s font size is set to ____ by default?
- 50%
- 10%
- 100%
- None
Answer: C) 100%
Explanation:
The browser style sheet’s font size is set to 100% by default.
15. ____ contributes to Foundation’s code being more flexible and configurable.
- Mixins
- Sass
- Components
Answer: B) Sass
Explanation:
SASS contributes to Foundation’s code being more flexible and configurable.
16. The ____ method is used to simultaneously initialize all Foundation plugins.
- Foundation()
- Plugin()
- Foundation_plugin()
- Initialize()
Answer: A) Foundation()
Explanation:
The foundation() method is used to simultaneously initialize all Foundation plugins.
17. The ____ library is the foundation of all responsive CSS techniques.
- Media
- MediaQuery
- ResponsiveMedia
Answer: B) MediaQuery
Explanation:
The MediaQuery library is the foundation of all responsive CSS techniques.
18. Which of the following is a flat file compiler that employs the Handlebars templating language and the ideas of templates, pages, and partials?
- Motion UI
- Proton
- Panini
- Style Sherpa
Answer: C) Panini
Explanation:
Panini is a flat file compiler that employs the Handlebars templating language and the ideas of templates, pages, and partials.
19. Which of the following displays the name of the current page, without its original file extension?
- Page
- Current
- Root
Answer: A) Page
Explanation:
The page Displays the name of the current page, without its original file extension.
20. ____ are specific functions that alter the page’s content?
- Handlers
- Assist
- Creators
- Helpers
Answer: D) Helpers
Explanation:
Helpers are specific functions that alter the page’s content.
21. Which of the following is a stand-alone library that is responsible for the transition effects?
- Motion UI
- Proton
- Panini
- Style Sherpa
Answer: A) Motion UI
Explanation:
Motion UI is a stand-alone library that is responsible for the transition effects.
22. ____ enable us to reuse code across the framework?
- Units
- Mixins
- Components
- Containers
Answer: B) Mixins
Explanation:
Mixins enable us to reuse code across the framework.
23. Which of the following is a form validation package that adds custom validators to the HTML5 validation API?
- Motion UI
- Proton
- Panini
- Abide
Answer: D) Abide
Explanation:
Abide is a form validation package that adds custom validators to the HTML5 validation API.
24. ____ allows you to toggle CSS or animate any element with a single click.
- Activate
- Toggler
- Flip
- Switch
Answer: B) Toggler
Explanation:
Toggler allows you to toggle CSS or animate any element with a single click.
25. Which of the following plugin is used to build a website with consistent information or images?
- Constant
- Fix
- Sticky
Answer: C) Sticky
Explanation:
The sticky plugin is used to build a website with consistent information or images.
26. ____ gives you the ability to design navigation that tracks the active area of a page that your user is on.
- Pagination
- Breadcrumb
- Magellan
Answer: C) Magellan
Explanation:
Magellan gives you the ability to design navigation that tracks the active area of a page that your user is on.
27. ____ is a sort of navigation that allows users to go across several pages of search results, products, or other related objects.
- Pagination
- Breadcrumb
- Magellan
Answer: A) Pagination
Explanation:
Pagination is a sort of navigation that allows users to go across several pages of search results, products, or other related objects.
28. A ____ specifies the current placement of a site within the navigational hierarchy.
- Pagination
- Breadcrumb
- Magellan
Answer: B) Breadcrumb
Explanation:
A breadcrumb specifies the current placement of a site within the navigational hierarchy.
29. Which of the following menu plugins is used to generate submenus in the slider format in the main menu?
- Drilldown menu
- Accordion menu
- Top Bar
Answer: A) Drilldown menu
Explanation:
The drilldown menu plugin is used to generate submenus in the slider format in the main menu.
30. Which of the following displays the collapsible menu with accordion effects and provides support for auto collapse?
- Drilldown menu
- Accordion menu
- Top Bar
- Dropdown menu
Answer: B) Accordion menu
Explanation:
The accordion menu displays the collapsible menu with accordion effects and provides support for auto collapse.