我希望你能帮我翻译一下:我无法让 Twitter Bootstrap 正常工作。我知道有很多教程等等,但是没有一个对我有效...
我的 composer.json 文件内容如下:
"require":
[...]
"leafo/lessphp": "dev-master",
"braincrafted/bootstrap-bundle": "dev-master",
"twbs/bootstrap": "2.3.*"
我的 Assetic 配置如下:
# 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
最后是::base.html.twig
文件:
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
{% endblock %}
{% block javascripts %}
<script src="{{ asset('js/bootstrap.js') }}"></script>
{% endblock %}
我正在尝试用不同的方式包含js和css文件,例如:
{% stylesheets '%kernel.root_dir%/../vendor/twbs/bootstrap/less/bootstrap.less' %}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
或者
{% stylesheets '@bootstrap_css' %}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
但它仍然无法工作,并且我在 bootstrap.css 和 bootstrap.js 上遇到 404 错误。
我的配置有什么问题? 我正在使用 Windows 7 64位上的 Wamp 服务器。
唯一使其正常工作的方法是使用 cli 命令
assetic:dump
,但我认为在 dev 环境中这不是正确的方法。
<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
就足够了,因为它在assetic的“output”部分中定义,并且将生成bootstrap.css
。 - zelazowyassetic:dump
(请参见http://bootstrap.braincrafted.com/getting-started),因此即使在运行此命令后它可以工作,我认为这不是正确的解决方案。 - zelazowy