Tutoriais de fundação
Fundação para o desenvolvimento do HTML responsivo, CSS e JavaScript frameworks.
Fundação é um fácil de usar, poderoso e estrutura flexível para a construção de aplicativos baseados na Web em qualquer dispositivo.
Fundação é uma estrutura popular para mover prioridade.
exemplos on-line
Este tutorial contém instâncias centenas Fundação.
Você pode usar o nosso editor online, e clique em "Enviar Run" botão para ver os resultados:
Exemplos Foundation
<Div class = "linha">
<Div class = "média-12 colunas">
<Div class = "painel">
<H1> Fundação página </ h1 >
<P> Redimensionar desta página responsivo a ver o efeito! </ P>
<Tipo botão = "button" class = "pequeno botão"> I Like It! </ Button>
</ Div>
</ Div>
</ Div>
<Div class = "linha">
<div class = "média-4 colunas">
<H3> Coluna 1 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<div class = "média-4 colunas">
<H3> Coluna 2 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<div class = "média-4 colunas">
<H3> A coluna 3 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
</ Div>
<Div class = "média-12 colunas">
<Div class = "painel">
<H1> Fundação página </ h1 >
<P> Redimensionar desta página responsivo a ver o efeito! </ P>
<Tipo botão = "button" class = "pequeno botão"> I Like It! </ Button>
</ Div>
</ Div>
</ Div>
<Div class = "linha">
<div class = "média-4 colunas">
<H3> Coluna 1 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<div class = "média-4 colunas">
<H3> Coluna 2 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<div class = "média-4 colunas">
<H3> A coluna 3 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
</ Div>
tente »
Clique no botão "Try" para ver a instância online.
Fundação característica
Para demonstrar estes efeitos em uma tag iframe, você pode clicar em "tentar" para ver exemplos on-line: