不与sass bootstrap集成一起显示的glyphicons

twitter-bootstrap CSS

小宇宙

2020-03-27

我使用本教程将引导程序集成到我的项目中：

https://laravel-news.com/2015/10/setup-bootstrap-sass-with-laravel-elixir/

这会将app.css文件放置在css文件夹中。但是，如果我尝试使用字形图标，它们不会显示。所以我试图像这样修改elixir文件：

    elixir(function(mix) {

    mix.sass('app.scss')
        .browserify('app.js')
        .copy('node_modules/bootstrap-sass/assets/fonts', 'public/css/fonts')   

});

字体文件夹被复制到public / css / fonts下，但是没有图标出现。我在这里想念什么？有什么线索吗？

在我的app.css中，路径似乎正确，例如：

src: url("fonts/bootstrap/glyphicons-halflings-regular.eot");

第3798篇《不与sass bootstrap集成一起显示的glyphicons》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共5个回答
LGil 2020.03.27

更新了答案，我现在以更好的方式实现了这一点，类似于最佳答案。在app.scss中：

/* BOOTSTRAP */
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

/* FONT-AWESOME */
$fa-font-path: "../../fonts";
@import "node_modules/font-awesome/scss/font-awesome";
小胖 2020.03.27
  • 查看浏览器的开发人员工具，观察路径。
  • 在我的网站上，它是public / fonts / glyphicons-halflings-regular.ttf，我将这些字体手动下载到那里。
  • 而且有效！
乐 2020.03.27

如果在刀片模板中使用elixir（）帮助器，则应将字体文件放入/ public / build。结果是/ public / build / fonts，“ fonts”文件夹包含所有字体文件。

前端Mandy 2020.03.27

使用Laravel 5.4时，我遇到了同样的问题。事实证明，我还没有跑步npm install和npm run dev。

一旦运行了这两个命令，就将字体（和glyphicons）正确地复制到/ public目录中。无需编辑任何Sass或构建文件。

蛋蛋 2020.03.27

在Laravel 5.4中，只需安装npm依赖项并根据需要在生产或开发中运行npm。

npm install
npm run production

Laravel将完成其余的工作。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android