2012-11-01 72 views
2

我已經通過了相關的文件複製到以下位置創建了Twitter的引導捆綁圖像資源:Symfony的2包 - 安裝

  • src/Acme/BootstrapBundle/Resource/public/js
  • src/Acme/BootstrapBundle/Resource/public/css
  • src/Acme/BootstrapBundle/Resource/public/img

下一頁,我執行php app/console assets:install web將bundle資源複製到web文件夾中,並在我的樹枝模板中使用asse抽搐拉入CSS和JavaScript,這工作正常。

我的問題是,香草引導CSS是指向在web根用於圖像資源,這實際上是在/web/bundles/bellabootstrap/img

我可以將這些文件手動複製到所需的位置/ IMG,或甚至創建一個符號鏈接,但是我想知道正確的Symfony/Assetic方法。

請注意,我感興趣的不僅僅是對於Bootstrap - jqueryui/jquery-datatables等和其他第三方庫有完全相同的問題。

謝謝。

+1

看看https://github.com/phiamo/MopaBootstrapBundle來緩解你的生活 – AdrienBrault

+0

謝謝我已經看到了這個,但我想知道如何做到這一點不僅僅是爲了Bootstrap - 編輯過的問題注意到這個。 – gezpage

回答

2

的jQuery UI(平滑主題),我有:

src/Acme/YourBundle/Resources/public/css/smoothness 
src/Acme/YourBundle/Resources/public/css/smoothness/jquery-ui-1.8.16.custom.css 
src/Acme/YourBundle/Resources/public/css/smoothness/images 
src/Acme/YourBundle/Resources/public/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png 

...等圖片文件(就像他們從jquery.com網站就出來了)。

在樹枝我有:

<link type="text/css" rel="stylesheet" href="{{ asset('bundles/acmeyour/css/smoothness/jquery-ui-1.8.16.custom.css') }}"></link> 

無需關心PNG文件位置,因爲一個好的writen CSS需要照顧它。另一方面,{{asset()}}方法指向正確的目錄,因此您不必擔心這一點。

+0

謝謝,我可以看到這是如何工作的,這是一個合理的解決方案。但是,我使用資產的方式將css&js文件映射到/ css和/ js,而不是使用完整的包路徑。也許沒有辦法去做我想問的問題,在這種情況下,我會放棄使用你的方法。 – gezpage