Foundation5 course

Foundation For developing responsive HTML, CSS and JavaScript frame .

Foundation It's an easy-to-use 、 Powerful and flexible framework , Used to build on any device Web application .

Foundation It is a popular framework with mobile first .


Online instance

The programming tutorial contains hundreds of Foundation example .

You can use our online editor directly , And click " Submit run " Button to view the results :

Foundation example

< div class = " row " > < div class = " medium-12 columns " > < div class = " panel " > < h1 > Foundation page </ h1 > < p > Reset window size , View effect ! </ p > < button type = " button " class = " button small " > I'm the button ! </ button > </ div > </ div > </ div > < div class = " row " > < div class = " medium-4 columns " > < h3 > Programming tutorial </ h3 > < p > Learn more than technology , It's a dream !!! </ p > </ div > < div class = " medium-4 columns " > < h3 > Programming tutorial </ h3 > < p > Learn more than technology , It's a dream !!! </ p > </ div > < div class = " medium-4 columns " > < h3 > Programming tutorial </ h3 > < p > Learn more than technology , It's a dream !!! </ p > </ div > </ div >

Give it a try »

click " Give it a try " Button to view an online instance .


Foundation characteristic

The following effect is in iframe The presentation in the tag , You can click " Give it a try " View online instances :

Button

Give it a try »


form :

Give it a try »


Picture pop-up :

Give it a try »


warning :

Give it a try »



Grid :

Give it a try »


progress bar :

Give it a try »


panel :

Give it a try »


Drop down menu :

Give it a try »


Accordion effect :

Give it a try »


Top navigation :

Give it a try »


Modal box :

Give it a try »


switch :

Give it a try »


Slider :

Give it a try »