バンドルを使用せずに、Symfony 2 で Twitter Bootstrap を使用したいと考えています。MopaBootstrapBundle をインストールすることはできましたが、削除して通常の TB を使用することにしました。
設定
composer.json
"require": {
"twbs/bootstrap": "dev-master"
}
したがって、composer でインストールした後、パスはhttps://github.com/twbs/bootstrap[project_path]/vendor/twbs/bootstrapと同じになります。
config.yml
# Assetic Configuration
assetic:
debug: %kernel.debug%
use_controller: false
bundles: [ ]
filters:
cssrewrite: ~
less:
node: /usr/bin/nodejs
node_paths: [/usr/lib/nodejs:/usr/lib/node_modules]
apply_to: "\.less$"
プロジェクト用に新しいバンドルを作成し、次の2 つのファイルを含むフォルダーAcmeDemoBundleを追加しました。[project_path]/src/Acme/DemoBundle/Resources/public/less
variables.less[project_path]/vendor/twbs/bootstrap/less/variables.less-元の TB のパッケージに影響を与えずに変更できるコピーstyle.less
style.less コンテンツ:
@import "../../../../../../vendor/twbs/bootstrap/less/bootstrap.less";
@import "variables.less";
// any local changes should go below this line
[some local less code]
のbase.html.twig
{% stylesheets '@AcmeDemoBundle/Resources/public/less/style.less' %}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
問題
Twitter Bootstrap に含まれている Glyphicon を使いたいと思うまでは、すべてうまくいきました。
<span class="glyphicon glyphicon-search"></span>
Glyphicons はフォントを使用してアイコンを表し、Twitter Bootstrap にあります:https://github.com/twbs/bootstrap/tree/master/fonts
それらを使用するには、次のシンボリック リンクを作成する必要がありました。
[project_path]/web/fonts -> [project_path]/vendor/twbs/bootstrap/fonts/
環境ではprodすべてが素晴らしく見えますが (フォントが少し鮮明に表示されることを除いて)、ファイルの場所devに存在するため、環境ではフォントが読み込まれません。/app_dev.php/したがって、ブラウザのコンソールに次のエラーが表示されます。
GET http://cmmp.localdev/app_dev.php/fonts/glyphicons-halflings-regular.woff 404 (Not Found) cmmp.localdev/app_dev.php/:1
GET http://cmmp.localdev/app_dev.php/fonts/glyphicons-halflings-regular.ttf 404 (Not Found) /app_dev.php/fonts/glyphicons-halflings-regular.ttf:1
GET http://cmmp.localdev/app_dev.php/fonts/glyphicons-halflings-regular.svg 404 (Not Found) /app_dev.php/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular:1
フィルターを使用するcssrewriteと、コンソールのエラーのみが次のように変更さdevれます。
GET http://cmmp.localdev/Resources/public/fonts/glyphicons-halflings-regular.woff 404 (Not Found) cmmp.localdev/:75
GET http://cmmp.localdev/Resources/public/fonts/glyphicons-halflings-regular.ttf 404 (Not Found) cmmp.localdev/:75
GET http://cmmp.localdev/Resources/public/fonts/glyphicons-halflings-regular.svg 404 (Not Found) cmmp.localdev/app_dev.php/:75
質問
私はここ数日間苦労してきました.StackExchangeで多くの質問と解決策が見つかりましたが、これを修正できませんでした.
私は何が欠けていますか？これを修正するにはどうすればよいですか?