Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 如何在symfony2中使用assetic和less使用twitter bootstrap?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我无法让twitter bootstrap工作.我知道有很多教程等等,但它们都不适用于我……

我的composer.json是:

"require":
    [...]
    "leafo/lessPHP": "dev-master","braincrafted/bootstrap-bundle": "dev-master","twbs/bootstrap": "2.3.*"

我的资产配置是:

# 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 ans 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 64bit上使用wamp服务器.

让它工作的唯一方法是使用cli命令assetic:dump但我认为在开发环境中执行此操作并不正确.

解决方法

最后我使用了bootstrap中的js和css文件,没有symfony中的任何包,因为它更快,更容易并且可能有一些优点,例如任何更新bootstrap都不会使我的站点崩溃(请参阅更新bootstrap 2到3 …) .

所以感谢所有人的答案,但这对我来说是最好的解决方案.

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – 如何在symfony2中使用assetic和less使用twitter bootstrap?全部内容,希望文章能够帮你解决twitter-bootstrap – 如何在symfony2中使用assetic和less使用twitter bootstrap?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。