您的位置：首页 > Web前端

materialize基于Material Design的现代响应式前端框架

2017-06-19 16:53 721 查看
官网 http://materializecss.com

功能上与bootstrap类似。

结构简洁明了

MyWebsite/
|--css/
|  |--materialize.css
|
|--font/
|  |--material-design-icons/
|  |--roboto/
|
|--js/
|  |--materialize.js
|
|--index.html


需要注意的：

1、通常导入 Javascript 文件到 body 末尾以减少页面加载时间。

2、必须在导入materialize.js之前导入的
b9e0
jQuery。

基本结构示例

<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link   href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>

<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

<body>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
</body>
</html>


内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  前端框架 响应式 设计
相关文章推荐
新的分享
章节导航