Home »
MCQs
Foundation Framework MCQs
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.
Discuss this Question
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+
Discuss this Question
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
Discuss this Question
4. Foundation is written in ____.
- Sass
- Java
- Python
- Erlang
Answer: A) Sass
Explanation:
Foundation is written in Sass.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question
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.
Discuss this Question