- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Foundation - Callout
Description
Callouts combine panels and alerts from Foundation 5 into one generic container component.
The following table lists the some of the Callout features −
| Sr.No. | Feature & Description |
|---|---|
| 1 | Basic Callout
It is used to put the content inside. |
| 2 | Coloring
You can color the callouts by using .secondary, .primary, .success, .warning or .alert classes. |
| 3 | Sizing
You can make the size of callouts small and large by using .small and .large classes. |
| 4 | Making Closable
Callouts can be closed by using the data-closable attribute. |
| 5 | Sass Reference
You can change the styles of the components by using SASS variables. |
foundation_containers.htm
Advertisements