materialize基于Material Design的现代响应式前端框架
来源:互联网 发布:天池大数据竞赛 个人 编辑:程序博客网 时间:2024/05/16 15:38
官网 http://materializecss.com
功能上与bootstrap类似。
结构简洁明了
MyWebsite/ |--css/ | |--materialize.css | |--font/ | |--material-design-icons/ | |--roboto/ | |--js/ | |--materialize.js | |--index.html
需要注意的:
1、通常导入 Javascript 文件到 body 末尾以减少页面加载时间。
2、必须在导入materialize.js之前导入的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>
阅读全文
0 0
- materialize基于Material Design的现代响应式前端框架
- Materialize - 响应式 Material Design 框架
- 基于android Material Design基础框架搭建
- Material Design复杂响应式设计
- 基于material design的过渡加载动画
- PasswordView - 基于 Material Design 的密码显隐库
- 基于Material-Design的Gank-IO客户端
- 响应式的前端框架 - Groundwork
- 响应式的前端框架bootstrap
- 超级干货!深聊Material Design复杂响应式设计
- WeijiaVisionApp For Material Design ,开源主流的Android Material Design UI 框架
- 身为现代前端人员,不懂响应式怎么行?
- 基于bootstrap框架的响应式首页
- Foundation:响应式前端框架
- 前端响应式框架对比
- 基于Material Design设计的分享文字图片的APP
- 基于Material Design设计的分享文字图片的APP
- 基于Material Design设计的分享文字图片的APP
- Asp.Net笔记目录
- MAC 下的SVN客户端 Versions、SmartSVN、Cornerstone
- linux基础入门之groupdel命令
- python函数学习--函数的四种返回值形式
- Bootstrap Modal的“上一步”,“下一步”切换功能的实现
- materialize基于Material Design的现代响应式前端框架
- Centos6.5使用yum安装mysql
- linux公社 资料 和QT学习资料
- CocoaPods安装及使用详解
- React.js 官方文档摘记:表单
- RCNN中的bounding box regression详解
- java jdbc简单的 curd
- lvs、haproxy、nginx 负载均衡的比较分析
- mac下编译protobuf c++