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 lists the down some of the containers used in Foundation −
| Sr.No. | Container & Description |
|---|---|
| 1 | AccordionAccordions contain vertical tabs which are used on websites to expand and collapse large amount of data. |
| 2 | CalloutIt places the content inside the component. |
| 3 | Dropdown-panesIt displays the content when you click the button. |
| 4 | Media ObjectIt adds media objects such as images, videos, blogs comments, etc. along with some content. |
| 5 | Off-canvasIt sets off the navigation menu from the visible area and displays the main content. |
| 6 | Reveal-ModalFoundation allows creating modal dialogs or pop-up windows using reveal class. |
| 7 | TablesFoundation provides layouts for displaying data in tabular format. |
| 8 | TabsIt is a navigation based tab that displays the content into different panes without leaving the page. |
Leave a Reply