MD的web框架之一Materialize（使用）

Materialize

Materialize 是一个响应式的前端框架，设计样式及组件元素丰富。

Materialize

下面简单介绍一下用法

CDN

cdnjs.

NPM

  npm install materialize-css

Bower

You can also get the latest release using bower. This release contains source files as well as the compiled CSS and JavaScript files.

  bower install materialize

设置

项目结构

下载后，将文件解压到你的网站所在的目录。 你的目录应该看起来像这样。

  MyWebsite/
  |--css/
  |  |--materialize.css
  |
  |--fonts/
  |  |--roboto/
  |
  |--js/
  |  |--materialize.js
  |
  |--index.html

HTML 设置

接下来你只需要确保 Materialize 文件在你的网页链接正确。通常导入 Javascript 文件到 body 末尾以减少页面加载时间。按照下面的例子就知道如何导入 Materialize 到你的网页。

需要注意的最后一件事，你必须在导入materialize.js之前导入的jQuery！