SASS-Material-Design-for-Bootstrap, 使用Google材质设计概念扩展 Bootstrap

分享于 

3分钟阅读

GitHub

  繁體 雙語
Extends Bootstrap with Google Material Design concepts.
  • 源代码名称:SASS-Material-Design-for-Bootstrap
  • 源代码网址:http://www.github.com/andrew-waters/SASS-Material-Design-for-Bootstrap
  • SASS-Material-Design-for-Bootstrap源代码文档
  • SASS-Material-Design-for-Bootstrap源代码下载
  • Git URL:
    git://www.github.com/andrew-waters/SASS-Material-Design-for-Bootstrap.git
    Git Clone代码到本地:
    git clone http://www.github.com/andrew-waters/SASS-Material-Design-for-Bootstrap
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/andrew-waters/SASS-Material-Design-for-Bootstrap
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    Bootstrap的材料设计

    Build Status

    简介

    这个存储库的目的是在 Bootstrap 中扩展,以便开发人员/设计人员根据Google物料设计概念。

    查看预览网站

    安装

    如果需要安装 Grunt,SASS,osm和 Bower,然后安装 Bower 组件

    
    npm install -g grunt-cli
    
    
    gem install sass
    
    
    gem install jekyll
    
    
    npm install -g bower
    
    
    bower install
    
    
    
    

    安装 Grunt,需要插件和更新 NPM:

    
    npm install grunt --save-dev
    
    
    npm install grunt-contrib-sass --save-dev
    
    
    npm install grunt-contrib-watch --save-dev
    
    
    npm install grunt-contrib-uglify --save-dev
    
    
    npm install grunt-contrib-cssmin --save-dev
    
    
    npm install grunt-contrib-copy --save-dev
    
    
    npm install grunt-contrib-imagemin --save-dev
    
    
    npm install grunt-jekyll --save-dev
    
    
    npm install grunt-concurrent --save-dev
    
    
    npm install grunt-sketch --save-dev
    
    
    npm update -g
    
    
    
    

    你还需要下载最新的草图工具,解压它并运行 ./install.sh

    运行 Grunt:

     
    grunt
    
    
    
     

    Grunt会同时监视文档。js和scss文件的更改,并根据需要构建每个文件。

    文档

    文档是使用生成的,并位于目录中。 运行 grunt 时,我们会在本地自动设置一个Jekyll服务器,该文件运行在。

    对我们构建的源文件和本地文档的任何更改都将被更新。

    链接

    BootstrapGoogle材料设计工具


    ext  BOO  MAT  设计  Bootstrap  Material  
    相关文章