1

Symfony2のdepsファイルを使用してTwitterBootstrapgitリポジトリを管理したいのですが。だから私はこれらの行を追加しました:

[TwitterBootstrap]
    git=https://github.com/twitter/bootstrap.git
    target=/twitter
    version=v2.0.3

リポジトリはに複製されSymfony2\vendor\twitter\bootstrapます。

私はこれで立ち往生しています:アセットを使用して関連するcss / jsをインポートするにはどうすればよいですか?また、画像がの代わりに配置されたときにcssrewriteルールがどのように機能するか。Symfony2\vendor\twitter\bootstrap\imgSymfony2\app\Resources\public\img

 {% stylesheets '????????????????' filter='cssrewrite' %}
     <link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
 {% endstylesheets %}
4

4 に答える 4

2

symfony2にtwitterバンドルを実装するMopaBootstrapBundleを使ってみましたか?https://github.com/phiamo/MopaBootstrapBundle

また、https://github.com/nysander/MopaBootstrapBundle/tree/initializrブランチのhttp://Initializr.comから生成されたHTML5Boilerplate+TwitterBundleの実装にも取り組んでいます。

于 2012-05-08T10:47:56.797 に答える
2

BootstrapのLESSをCSSにコンパイルする方法は次のとおりです。

{% block stylesheets %}
    {% stylesheets
        '../vendor/bootstrap/less/bootstrap.less'
        output='css/bootstrap.css'
    %}
        <link href="{{ asset_url }}" rel="stylesheet">
    {% endstylesheets %}
{% endblock %}

lessphpベンダーとしてNode.jsをインストールし、次のようにアクティブ化しました。

assetic:
    debug: %kernel.debug%
    use_controller: false
    filters:
        cssrewrite: ~
        lessphp:
            apply_to: "\.less$"
            file: %kernel.root_dir%/../vendor/lessphp/lessc.inc.php

この場合、cssrewriteフィルターは必要ありません。どういうわけかBootstrapイメージをweb/imgフォルダーに取得すると、機能します。私はまだきちんとした解決策を探しています。

于 2012-05-09T04:13:57.630 に答える
0

@nysanderが述べているように、MopaBootstrapBundleはより柔軟に見えます。

ヘルパーなしでtwitter-bootstrapの生の実装が必要な場合、このリポジトリは、Twitter Bootstrapをパブリックフォルダーにカプセル化することにより、Symfonyのアセットとして提供することを目的としています:https ://github.com/chasen/bootstrap

于 2012-05-08T11:19:21.400 に答える
0

これを機能させるには、Webディレクトリにvendor / twitter-bootstrapへのシンボリックリンクを作成します(そうしないと、画像にアクセスできなくなります)。しかし、twitter-bootstrapイメージを使用したことを覚えていません。

Twigテンプレートにブートストラップをインポートしませんが、プロジェクトのlessファイルに次のようにインポートします。

@import "../../../twitter-bootstrap/less/bootstrap";

しかし、私はこの方法で多くの頭痛の種を抱えていました。私が書いたこのバグレポートを参照してください:https ://github.com/kriswallsmith/assetic/issues/202

于 2012-05-08T10:47:30.560 に答える