foundation5 learning

1. Introduction to Foundation

　　Foundation is a framework for developing responsive HTML, CSS and JavaScript.

　　Foundation is an easy-to-use, powerful and flexible framework for building web applications on any device.

　　Foundation is a popular mobile-first framework .

　　Provides a responsive layout

　　Other frameworks: Bootstrap, Semantic UI, Pure, UIKit...

2. Responsive web design

　　The design and development of the page should be adjusted and changed according to the size of the device.

3. Use foundation to create pages

　　http://www.runoob.com/foundation/foundation-grid-block.html

　　a. Add HTML5 doctype

　　b. Foundation 5 mobile first

　　　　<meta name="viewport" content="width=device-width, initial-scale=1">

　　c. Initialize components

　　　　<script>
　　　　　　$(document).ready(function() {
    　　　　　　　$(document).foundation();
　　　　　　})
　　　　</script>