Fondazione Tutorial
Fondazione per lo sviluppo di reattivo HTML, CSS e framework JavaScript.
Foundation è un facile da usare, potente e quadro flessibile per la creazione di applicazioni basate sul Web su qualsiasi dispositivo.
Foundation è un framework popolare per spostare la priorità.
Esempi online
Questa esercitazione contiene le istanze centinaia Fondazione.
È possibile utilizzare il nostro editor on-line, e cliccare su "Submit Esegui" per vedere i risultati:
Esempi Fondazione
<Div class = "riga">
<Div class = "medio-12 colonne">
<Div class = "pannello">
<H1> Fondazione pagina </ h1 >
<P> Ridimensiona questa pagina sensibile al vedere l'effetto! </ P>
<Tipo Pulsante = "button" class = "piccolo pulsante"> Mi piace! </ Button>
</ Div>
</ Div>
</ Div>
<Div class = "riga">
<div class = "medio-4 colonne">
<H3> Colonna 1 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<div class = "medio-4 colonne">
<H3> Colonna 2 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<div class = "medio-4 colonne">
<H3> colonna 3 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
</ Div>
<Div class = "medio-12 colonne">
<Div class = "pannello">
<H1> Fondazione pagina </ h1 >
<P> Ridimensiona questa pagina sensibile al vedere l'effetto! </ P>
<Tipo Pulsante = "button" class = "piccolo pulsante"> Mi piace! </ Button>
</ Div>
</ Div>
</ Div>
<Div class = "riga">
<div class = "medio-4 colonne">
<H3> Colonna 1 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<div class = "medio-4 colonne">
<H3> Colonna 2 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<div class = "medio-4 colonne">
<H3> colonna 3 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
</ Div>
Prova »
Fare clic sul pulsante "Prova" per visualizzare l'istanza on-line.
caratteristica Fondazione
Per dimostrare questi effetti in un tag iframe, è possibile fare clic "provare" per vedere esempi on-line: