materialize基于Material Design的现代响应式前端框架
2017-06-19 16:53
761 查看
官网 http://materializecss.com
功能上与bootstrap类似。
结构简洁明了
需要注意的:
1、通常导入 Javascript 文件到 body 末尾以减少页面加载时间。
2、必须在导入materialize.js之前导入的
b9e0
jQuery。
基本结构示例
功能上与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>
相关文章推荐
- 基于Google Material Design的现代化响应式前端框架
- Materialize - 响应式 Material Design 框架
- Materialize - 响应式 Material Design 框架
- 【特别推荐】14个支持响应式设计的流行前端开发框架
- 使用前端框架Foundation 4来帮助简化响应式设计开发
- 使用前端框架Foundation 4来帮助简化响应式设计开发
- 使用前端框架Foundation 4来帮助简化响应式设计开发
- 响应式的前端框架 - Groundwork
- 15个最新的响应式设计前端框架
- 【特别推荐】14个支持响应式设计的流行前端开发框架
- 响应式的前端框架 - Groundwork
- Foundation 5 发布!最先进的响应式前端框架
- 对于基于模板的前端框架的补充
- 15个响应式设计前端框架
- Gumby – 基于 Sass 的灵活的,响应式 CSS 框架
- 14个支持响应式设计的流行前端开发框架
- 响应式的前端框架 - Groundwork
- 14个支持响应式设计的流行前端开发框架
- 值得收藏的14款响应式前端开发框架
- 值得收藏的14款响应式前端开发框架