php - 杰森·刘易斯·贝塞特(Jason Lewis Lewis)在laravel 4中未很好地显示图标

我在laravel 4中渲染bootstrap主题的css + html时遇到问题。我用admin template表示，并且Web浏览器向我显示了类似的内容。我使用 jasonlewis basset生成管理模板。如何解决这个问题？
我在app \ config \ packages \ jasonlewis \ basset \ config.php中使用它：

'collections' => array(

    'public' => function($collection)
    {
        $collection->directory('assets/css', function($collection)
        {
            $collection->add('bootstrap.min.css');
            $collection->add('jquery-ui-1.10.3.custom.css');
            $collection->add('fullcalendar.css');
            $collection->add('chosen.css');
            $collection->add('select2.css');
            $collection->add('jquery.cleditor.css');
            $collection->add('jquery.noty.css');
            $collection->add('noty_theme_default.css');
            $collection->add('elfinder.min.css');
            $collection->add('elfinder.theme.css');
            $collection->add('uploadify.css');
            $collection->add('jquery.gritter.css');
            $collection->add('font-awesome.min.css');
            $collection->add('font-awesome-ie7.min.css');
            $collection->add('glyphicons.css');
            $collection->add('halflings.css');
            $collection->add('dropzone.css');
            $collection->add('xcharts.min.css');
            $collection->add('jquery.easy-pie-chart.css');
            $collection->add('icheck/all.css');
            $collection->add('bootstrap-editable.css');
            $collection->add('lato300.css');
            $collection->add('lato.css');
            $collection->add('kausha.css');
            $collection->add('style.min.css');
            $collection->add('retina.min.css');
        })->apply('UriRewriteFilter')->apply('CssMin');

        $collection->directory('assets/js', function($collection)
        {
            $collection->add('html5.js');
            $collection->add('respond.min.js');
            $collection->add('jquery-2.0.3.min.js');
        })->apply('JsMin');
    },

    'admin' => function($collection)
    {
        $collection->directory('assets/css', function($collection)
        {
            $collection->add('bootstrap.min.css');
            $collection->add('jquery-ui-1.10.3.custom.css');
            $collection->add('fullcalendar.css');
            $collection->add('chosen.css');
            $collection->add('select2.css');
            $collection->add('jquery.cleditor.css');
            $collection->add('jquery.noty.css');
            $collection->add('noty_theme_default.css');
            $collection->add('elfinder.min.css');
            $collection->add('elfinder.theme.css');
            $collection->add('uploadify.css');
            $collection->add('jquery.gritter.css');
            $collection->add('font-awesome.min.css');
            $collection->add('font-awesome-ie7.min.css');
            $collection->add('glyphicons.css');
            $collection->add('halflings.css');
            $collection->add('dropzone.css');
            $collection->add('xcharts.min.css');
            $collection->add('jquery.easy-pie-chart.css');
            $collection->add('icheck/all.css');
            $collection->add('bootstrap-editable.css');
            $collection->add('lato300.css');
            $collection->add('lato.css');
            $collection->add('kausha.css');
            $collection->add('style.min.css');
            $collection->add('retina.min.css');
        })->apply('UriRewriteFilter')->apply('CssMin');

        $collection->directory('assets/js', function($collection)
        {
            $collection->add('html5.js');
            $collection->add('respond.min.js');
            $collection->add('jquery-2.0.3.min.js');
            //$collection->requireDirectory('../../../vendor/twbs/bootstrap/js');
            $collection->add('jquery-migrate-1.2.1.min.js');
            $collection->add('bootstrap.min.js');
            $collection->add('jquery-ui-1.10.3.custom.min.js');
            $collection->add('jquery.ui.touch-punch.min.js');
            $collection->add('jquery.sparkline.min.js');
            $collection->add('fullcalendar.min.js');
            $collection->add('excanvas.min.js');

            $collection->add('jquery.flot.min.js');
            $collection->add('jquery.flot.pie.min.js');
            $collection->add('jquery.flot.stack.min.js');
            $collection->add('jquery.flot.resize.min.js');
            $collection->add('jquery.flot.time.min.js');
            $collection->add('jquery.autosize.min.js');
            $collection->add('jquery.placeholder.min.js');
            $collection->add('moment.min.js');
            $collection->add('daterangepicker.min.js');
            $collection->add('jquery.easy-pie-chart.min.js');
            $collection->add('jquery.dataTables.min.js');
            $collection->add('dataTables.bootstrap.min.js');
            $collection->add('custom.min.js');
            $collection->add('core.min.js');
            $collection->add('pages/index.js');
        })->apply('JsMin');
    }

最佳答案

您确实有很多资产。发生这种情况是因为指向您的glyphicons路径不正确-请记住，当basset编译（甚至不编译时）时，css会将其移动到其他目录。不幸的是，您还没有包含配置的这一部分，所以我不知道您已告诉它将文件移至何处。如果您有通向glyphicon资产的相对路径，则可能是问题的根源。

您可以通过将所有资产设置为原始资源来验证这是否是问题（这将迫使它们从现有位置加载：

例如

$collection->add('bootstrap.min.css')->raw();

另外，在过去，我遇到了一些问题，无法很好地播放字体。我建议您在解决问题时将其排除在外-实际上，我会评论出尽可能多的资产以找出问题所在。

最后一点-为什么要使用CSS？引导程序的妙处之一就是用更少的钱写了它，而basket的妙处之一就是它可以更少地预编译...我让你填补空白