README

围绕现代JavaScript和响应式CSS库构建网站可能有点麻烦。让我们介绍FoundationBundle，它可以让构建有用的基础变得像做饼一样简单。

配置

目前不需要配置。

CDN

可以使用foundation:update操作从控制台更新CDN。

$ app/console foundation:update

包含CdnJs和BootstrapCdn。

使用

要使用foundation，请在文档的头部使用foundation() Twig标签。

<html>
<head>
    <title>My Website</title>
    ...
    {{ foundation('jquery,twitter-bootstrap') }}
</head>
...

如果您喜欢，也可以将组件作为数组指定。

{{ foundation([ "jquery", "twitter-bootstrap" ]) }}

查找组件

使用foundation:search命令查找组件。

$ app/console foundation:search jquery
...

为了查找组件的URL进行测试

$ app/console foundation:component jquery
...

静态模板

未实现

要输出包含所需链接和脚本标签的静态模板，请使用foundation:dump命令。

$ app/console foundation:dump > app/Resources/views/foundation.html.twig

查找可用组件

$ app/console foundation:search bootswatch
 - bootswatch (Cdnjs)
 - bootswatch-amelia (BootstrapCdn)
 - bootswatch-cerulean (BootstrapCdn)
 - bootswatch-cosmo (BootstrapCdn)
 ...

在这种情况下，您应该能够将bootswatch-cerulean添加到您的foundation调用中，以便您的网站使用cerulean bootswatch主题的bootstrap。

    {{ foundation([
        'jquery', 
        'twitter-bootstrap', 
        'twitter-bootstrap-css',
        'bootswatch-cerulean'
    ]) }}

noccylabs / foundation-bundle

维护者

详细信息

README

配置

CDN

使用

查找组件

静态模板

查找可用组件