Foundation框架1

使用方法：

 

将以下四句添加到head部分

<!-- css 文件 -->
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/foundation/5.5.3/css/foundation.min.css">

<!-- jQuery 库 -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- JavaScript 文件 -->
<script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/foundation.min.js"></script>

<!-- modernizr.js 文件 -->
<script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/vendor/modernizr.js"></script>

配置meta信息

 

<meta charset="utf-8"> 

<meta name="viewport" content="width=device-width, initial-scale=1">                        <!--配置响应式布局-->

 

初始化实例

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