帮酷LOGO
  • 显示原文与译文双语对照的内容
An easy to use flexbox grid system.

  • 源代码名称:waffle-grid
  • 源代码网址:http://www.github.com/lucasgruwez/waffle-grid
  • waffle-grid源代码文档
  • waffle-grid源代码下载
  • Git URL:
    git://www.github.com/lucasgruwez/waffle-grid.git
  • Git Clone代码到本地:
    git clone http://www.github.com/lucasgruwez/waffle-grid
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/lucasgruwez/waffle-grid
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • Waffle网格

    一种易于使用的flexbox网格。

    GitHub releaseGithub All ReleasesLicenseDavidTravisBuilt with Gulp

    正在启动

    要在网页中获取waffle网格系统,只需将这里代码粘贴到文档的head 中,

    <linkrel="stylesheet"href="https://unpkg.com/waffle-grid/dist/waffle-grid.min.css"><!-- or --><linkrel="stylesheet"href="https://unpkg.com/waffle-grid/dist/waffle-grid.css">

    或者你可以使用像 npm这样的软件包管理器来安装waffle网格系统。

    $ npm install waffle-grid# or$ bower install waffle-grid

    如果你想你仍然可以下载waffle网格在这里。

    文档

    <divclass="grid">
     <divclass="row">
     <!-- For column width, use col-n-of-p. By default, p can be 4, 8, or 12 --> <divclass="col col-1-of-4"></div>
     <divclass="col col-1-of-4"></div>
     <divclass="col col-1-of-4"></div>
     <divclass="col col-1-of-4"></div>
     </div>
     <divclass="row">
     <!-- The center class centers the column. --> <divclass="col col-7-of-12 center"></div>
     </div>
     <divclass="row">
     <!-- use col-m- and col-s- as well as m-hide, s-hide, m-only and s-only to make your grid responsive --> <divclass="col col-2-of-8 col-m-1-of-4 col-s-1-of-2"></div>
     <divclass="col col-3-of-8 col-m-2-of-4 col-s-1-of-2"></div>
     <divclass="col col-1-of-8 m-hide"></div>
     <divclass="col col-2-of-8 col-m-1-of-4 s-hide"></div>
     </div>
     <divclass="row">
     <divclass="col col-1-of-4"></div>
     <divclass="col col-1-of-2"></div>
     <divclass="col col-1-of-4"></div>
     </div>
     <divclass="row">
     <!-- Pushes and pulls are used in the same way as col-n-of-p. They can also be responsive, like pull-m-1-of-4 --> <divclass="col col-1-of-8"></div>
     <divclass="col col-2-of-8 push-2-of-12"></div>
     <divclass="col col-3-of-8 pull-1-of-12"></div>
     </div>
    </div>

    完整的文档可以在这里找到,这里是

    这个项目?

    如果你想帮助我的工作,请给我一个星形方格,如果你想帮忙,请考虑捐款。

    详细了解我们的行为规范和提交请求的过程,请阅读 CONTRIBUTING.md

    使用Waffle网格制作了一个网站?

    将内置的waffle网格徽章添加到你的README.md

    Built with Waffle Grid

    gruwez.lucas@gmail.com 给我发电子邮件,我会把你的网站添加到我目前正在使用的一个例子部分。

    版本控制

    我们使用 SemVer 进行版本控制。 对于版本可用性,请参见这里存储库中的标记。

    作者

    • Lucas Gruwez - Initial Initial Initial
    • Jack Jack Jack Helped Helped Helped Helped Helped
    • Added Added Added Added Added Added

    请参见参与这里项目的贡献者插件列表。

    许可证

    这里项目在MIT许可证下的许可证请参见许可证文件

    版权所有 © 2017 lucasgruwez保留所有权利。




    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语