zel*_*owy 4 less symfony twitter-bootstrap assetic
我无法让twitter bootstrap工作.我知道有很多教程等等,但它们都不适用于我......
我的composer.json是:
"require":
[...]
"leafo/lessphp": "dev-master",
"braincrafted/bootstrap-bundle": "dev-master",
"twbs/bootstrap": "2.3.*"
Run Code Online (Sandbox Code Playgroud)
我的资产配置是:
# Assetic Configuration
assetic:
filters:
lessphp:
file: %kernel.root_dir%/../vendor/leafo/lessphp/lessc.inc.php
apply_to: "\.less$"
cssrewrite: ~
assets:
bootstrap_css:
inputs:
- %kernel.root_dir%/../vendor/twbs/bootstrap/less/bootstrap.less
- %kernel.root_dir%/../vendor/twbs/bootstrap/less/responsive.less
filters:
- lessphp
- cssrewrite
output: css/bootstrap.css
bootstrap_js:
inputs:
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-transition.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-alert.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-button.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-carousel.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-collapse.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-dropdown.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-modal.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-tooltip.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-popover.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-scrollspy.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-tab.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-typeahead.js
- %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-affix.js
output: js/bootstrap.js
Run Code Online (Sandbox Code Playgroud)
最后::base.html.twig:
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
{% endblock %}
{% block javascripts %}
<script src="{{ asset('js/bootstrap.js') }}"></script>
{% endblock %}
Run Code Online (Sandbox Code Playgroud)
我正在尝试以不同的方式包含js ans css,例如:
{% stylesheets '%kernel.root_dir%/../vendor/twbs/bootstrap/less/bootstrap.less' %}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
Run Code Online (Sandbox Code Playgroud)
要么
{% stylesheets '@bootstrap_css' %}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
Run Code Online (Sandbox Code Playgroud)
但它仍然无法工作,我得到bootstrap.css和bootstrap.js的404错误.
我的配置怎么了?我在Windows 7 64bit上使用wamp服务器.
让它工作的唯一方法是使用cli命令,assetic:dump但我认为在开发环境中执行此操作不正确.
最后我使用了bootstrap中的js和css文件,没有symfony中的任何包,因为它更快,更容易并且可能有一些优点,例如任何更新引导程序都不会使我的站点崩溃(请参阅更新引导程序2到3 ......) .
所以感谢所有人的答案,但这对我来说是最好的解决方案.
| 归档时间: |
|
| 查看次数: |
11786 次 |
| 最近记录: |