Tutorial de Foundation5
Foundation es un framework para desarrollar HTML, CSS y JavaScript responsivos.
Foundation es un framework fácil de usar, potente y flexible, utilizado para construir aplicaciones web en cualquier dispositivo.
Foundation es un framework popular con un enfoque mobile-first.
Ejemplos en línea
Ejemplo contiene cientos de ejemplos de Foundation.
Puedes usar directamente nuestro editor en línea y hacer clic en el botón "Enviar y ejecutar" para ver el resultado:
Ejemplos de Foundation
<div class="row">
<div class="medium-12 columns">
<div class="panel">
<h1>Página de Foundation</h1>
<p>Cambia el tamaño de la ventana para ver el efecto.</p>
<button type="button" class="button small">¡Soy un botón!</button>
</div>
</div>
</div>
<div class="row">
<div class="medium-4 columns">
<h3>Ejemplo</h3>
<p>¡Lo que aprendes no es solo tecnología, sino también sueños!</p>
</div>
<div class="medium-4 columns">
<h3>Ejemplo</h3>
<p>¡Lo que aprendes no es solo tecnología, sino también sueños!</p>
</div>
<div class="medium-4 columns">
<h3>Ejemplo</h3>
<p>¡Lo que aprendes no es solo tecnología, sino también sueños!</p>
</div>
</div>
Pruébalo »
Haz clic en el botón "Pruébalo" para ver los ejemplos en línea.
Características de Foundation
Los siguientes efectos son demostraciones dentro de etiquetas iframe. Puedes hacer clic en "Pruébalo" para ver los ejemplos en línea:
Botones
Tablas:
Ventana emergente de imágenes:
Alertas:
Cuadrícula:
Barra de progreso:
Paneles:
Menú desplegable:
Efecto acordeón:
Navegación superior:
Modal:
Interruptor:
Deslizador:
Otras extensiones