300+ TOP Foundation Framework Interview Questions [REAL TIME]

1. What Is Foundation?

Foundation is a front-end framework that is for designing beautiful responsive websites. This framework is compatible with all types of devices and provides you with HTML, CSS and JavaScript plug-in.

2. What Are The Features Of Foundation?

Features of foundation are:

• It has powerful grid system.
• It provides responsive design.
• Supports mobile first approach.
• It provides UI components and cool JavaScript plug-ins.
• It provides customizable and extensible HTML templates.

3. What Is Zurb Template?

ZURB Template:
Combination of JavaScript, CSS/SCSS, Handlebars template, image compression, markup structure, and uses SASS processing.

4. What Are The Features Of Flex Grid In Foundation?

Features of Flex Grid are:

• Importing
• Advanced Sizing
• Responsive Adjustments
• Column Alignment
• Source Ordering
• Sass Reference

5. What Are The Types Of Form Elements Used In Foundation?

Types of form elements are:

• Form Basics
• Help Text
• Label Positioning
• Inline Labels and Buttons
• Custom Controls
• SASS Reference

6. What Are The Types Of Plugins Used In Foundation?

Types of plugins used in Foundation are:

• Abide
• Equalizer
• Interchange
• Toggler
• Sticky

7. What Is Abide?

Abide is a type of plug-in which is used in the in the HTML5 form validation library with native API using the required attributes and patterns.

8. What Is Toggle In Foundation?

Toggle is a type of plug-in that is used to switch from one setting to another.

9. What Is Breadcrumbs?

Breadcrumb is used to specify the current location for a site within navigational hierarchy.

10. What Is Drilldown Menu?

Drilldown Menu is a plug-in which is used to create submenus in main menu in the slider format.

11. What Is Accordion Menu?

Accordion Menu is used to display the collapsible menu with accordion effects. Accordion Menu also provides support for auto collapse using the Accordion Menu plug-in.

12. What Is Magellan In Foundation?

Magellan is used to create a navigation which is in a fixed position.

It is also used to track the navigation list on a page.

13. How To Install Motion Ui Library In Your Project By Using Npm?

By using the following code: $ npm install motion-ui –save-dev.

14. What Is Hamburger In Foundation?

HAMBURGER is used for creating menu icon with the following parameters (width, height, number of bars and colors).