Foundation Tutorial
Foundation General
Foundation SASS
Foundation Libraries
Foundation Useful Resources
Selected Reading
- Foundation - Kitchen Sink
- Foundation - Starter Projects
- Foundation - Installation
- Foundation - Overview
- Foundation - Home
Foundation General
- Foundation - Plugins
- Foundation - Media
- Foundation - Containers
- Foundation - Navigation
- Foundation - Basic Controls
- Foundation - Typography Helpers
- Foundation - Base Typography
- Foundation - Visibility Classes
- Foundation - Forms
- Foundation - Flex Grid
- Foundation - The Grid
- Foundation - Media Queries
- Foundation - JavaScript Utilities
- Foundation - JavaScript
- Foundation - Sass
- Foundation - Global Styles
Foundation SASS
Foundation Libraries
Foundation Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Foundation - Containers
Foundation - Containers
Foundation containers are used to make full width of the browsers at all times for the site and wrap the site contents.
The following table psts the down some of the containers used in Foundation −
| Sr.No. | Container & Description |
|---|---|
| 1 |
Accordions contain vertical tabs which are used on websites to expand and collapse large amount of data. |
| 2 |
It places the content inside the component. |
| 3 |
It displays the content when you cpck the button. |
| 4 |
It adds media objects such as images, videos, blogs comments, etc. along with some content. |
| 5 |
It sets off the navigation menu from the visible area and displays the main content. |
| 6 |
Foundation allows creating modal dialogs or pop-up windows using reveal class. |
| 7 |
Foundation provides layouts for displaying data in tabular format. |
| 8 |
It is a navigation based tab that displays the content into different panes without leaving the page. |