frux/foundation6-bundle

Symfony2 的 ZURB Foundation 6 Bundle

安装次数: 1,568

依赖者: 0

建议者: 0

安全性: 0

星标: 1

关注者: 1

分支: 0

开放问题: 0

语言:CSS

类型:symfony-bundle

6.1.1 2016-02-20 18:50 UTC

This package is not auto-updated.

Last update: 2019-08-29 02:39:33 UTC


README

当前版本

Foundation v6.1

安装

将 Bundle 添加到您的 composer.json 文件

// composer.json

{
    "require": {
		// ...
        "frux/foundation6-bundle": "~6.1"
    }
}

将 Bundle 添加到您的应用内核

// app/AppKernel.php

public function registerBundles()
{
    $bundles = array(
        // ...
        new Frux\FoundationBundle\FruxFoundationBundle(),
        // ...
    );
}

使用 Composer 下载 Bundle

$ php composer.phar update frux/foundation6-bundle

安装资源

假设您的服务器公共目录名为 "web",则安装公共供应商资源

$ php app/console assets:install web

可选地,使用 --symlink 属性创建链接而不是资源的副本

$ php app/console assets:install --symlink web

使用方法

在您的 HTML 模板中引用所需的文件,例如

<link rel="stylesheet" type="text/css" href="{{ asset('bundles/fruxfoundation/css/foundation.min.css') }}" />

Foundation 脚本需要 jQuery。

<script type="text/javascript" src="{{ asset('bundles/fruxfoundation/js/vendor/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/fruxfoundation/js/vendor/what-input.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/fruxfoundation/js/foundation.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/fruxfoundation/js/app.js') }}"></script>

如果您需要与 Foundation 示例应用一起包含的 Modernizr 构建,请在以下 foundation 脚本块下方添加此内容

<script type="text/javascript" src="{{ asset('bundles/fruxfoundation/js/vendor/modernizr.js') }}"></script>

许可

有关许可证信息,请参阅包含文件的源代码

参考

  1. http://foundation.zurb.com
  2. https://symfony.com.cn