Foundation 5 Tutorial
Foundation wird verwendet, um responsive HTML-, CSS- und JavaScript-Frameworks zu entwickeln.
Foundation ist ein einfach zu bedienendes, leistungsstarkes und flexibles Framework zum Erstellen von Webanwendungen auf jedem Gerät.
Foundation ist ein beliebtes Mobile-First-Framework.
Online-Beispiele
Beispiel-Tutorial enthält hunderte Foundation-Beispiele.
Du kannst unseren Online-Editor direkt verwenden und auf die Schaltfläche „Submit and Run“ klicken, um das Ergebnis zu sehen:
Foundation-Beispiele
<div class="row">
<div class="medium-12 columns">
<div class="panel">
<h1>Foundation-Seiten</h1>
<p>Ändern Sie die Fenstergröße, um den Effekt zu sehen!</p>
<button type="button" class="button small">Ich bin ein Button!</button>
</div>
</div>
</div>
<div class="row">
<div class="medium-4 columns">
<h3>Beispiel</h3>
<p>Beim Lernen geht es nicht nur um Technologie, sondern auch um Träume!!!</p>
</div>
<div class="medium-4 columns">
<h3>Beispiel</h3>
<p>Beim Lernen geht es nicht nur um Technologie, sondern auch um Träume!!!</p>
</div>
<div class="medium-4 columns">
<h3>Beispiel</h3>
<p>Beim Lernen geht es nicht nur um Technologie, sondern auch um Träume!!!</p>
</div>
</div>
Selbst ausprobieren »
Klicke auf die Schaltfläche „Try it“, um das Online-Beispiel anzuzeigen.
Foundation-Funktionen
Der folgende Effekt ist eine Demonstration innerhalb eines iframe-Tags; du kannst auf „Try it“ klicken, um das Online-Beispiel anzuzeigen:
Schaltfläche
Tabelle:
Bild-Popup:
Warnmeldung:
Raster:
Fortschrittsbalken:
Panel:
Dropdown-Menü:
Akkordeon-Effekt:
Top-Navigation:
Modal:
Schalter:
Slider:
Weitere Erweiterungen