Kitchen Sink
Spezielle Inhaltselemente und eingebaute features von Foundation 6
Accordion
- Accordion
Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Vestibulum dapibus nunc ac augue. Fusce commodo aliquam arcu. Praesent blandit laoreet nibh. In ut quam vitae odio lacinia tincidunt.
- Accordion 2
Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Phasellus a est. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci.
Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce fermentum. Praesent metus tellus, elementum eu, semper a, adipiscing nec, purus.
Tabs
Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Phasellus a est. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci.
Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce fermentum. Praesent metus tellus, elementum eu, semper a, adipiscing nec, purus.
Suspendisse potenti. Phasellus gravida semper nisi. Phasellus a est.
Nam commodo suscipit quam. Quisque libero metus, condimentum nec, tempor a, commodo mollis, magna. Sed in libero ut nibh placerat accumsan.
Suspendisse potenti. Phasellus gravida semper nisi. Phasellus a est.
Nam commodo suscipit quam. Quisque libero metus, condimentum nec, tempor a, commodo mollis, magna. Sed in libero ut nibh placerat accumsan.
Tooltip
The scarabaeus hung quite clear of any branches, and, if allowed to fall, would have fallen at our feet. Legrand immediately took the scythe, and cleared with it a circular space, three or four yards in diameter, just beneath the insect, and, having accomplished this, ordered Jupiter to let go the string and come down from the tree.
Breadcrumbs
Button
Callout
This is a callout.
It has an easy to override visual style, and is appropriately subdued.
It's dangerous to go alone, take this.This is a secondary callout
It has an easy to override visual style, and is appropriately subdued.
It's dangerous to go alone, take this.This is a success callout
It has an easy to override visual style, and is appropriately subdued.
It's dangerous to go alone, take this.This is a warning callout
It has an easy to override visual style, and is appropriately subdued.
It's dangerous to go alone, take this.This is an alert callout
It has an easy to override visual style, and is appropriately subdued.
It's dangerous to go alone, take this.Responsive Embed
Forms
Interchange
Label
Pagination
Switch
Visibility Classes
You are on a small screen or larger.
You are on a medium screen or larger.
You are on a large screen or larger.
You are definitely on a small screen.
You are definitely on a medium screen.
You are definitely on a large screen.
Can't touch this.
Can sort of touch this.
You are in landscape orientation.
You are in portrait orientation.
This text can only be read by a screen reader.
There's a line of text above this one, you just can't see it.