【问题标题】:Font Awesome not working in Laravel 5.8 admin panelFont Awesome 在 Laravel 5.8 管理面板中不起作用
【发布时间】:2019-06-24 14:07:25
【问题描述】:

我在我的应用程序中多次使用 Font Awesome。但是,当我在面板中安装免费的管理主题时,它不再工作。我尝试使用 CDN,还从他们的网站下载了 CSS 文件。我有 尝试了一切;没有任何工作。它显示方块而不是图标。它在其他页面上工作,但在这个页面上没有。

<!doctype html>
<html lang="en">
<head>
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- Custom fontawesome font/icons for this template-->
    <link href="{{asset('admin/css/all.min.css')}}" rel="stylesheet" type="text/css">
    <title></title>
</head>
<body id="page-top">
<nav class="navbar navbar-expand navbar-dark bg-dark static-top">
    <a class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
        <i class="fas fa-bars"></i>
    </a>
    <a class="navbar-brand mr-1 pl-3" href="#">Admin Panel</a>
</nav>
</body>
</html>

【问题讨论】:

  • 您是否检查过您的开发人员工具是否正确加载了 CSS,并确保您的 CSS 中的类适合您的 HTML 中的类?
  • 在其他页面中是否可以使用相同的图标。我的意思是如果fa fa-phone 可以在其他页面中使用
  • 查看页面源代码并点击 CSS 链接。的字体真棒。如果它显示带有文件的 CSS 代码,则表示它已成功集成。

标签: php css laravel font-awesome


【解决方案1】:

试试这个

<!-- Font Awesome -->
<link rel="stylesheet" href="{{url('admin/css/all.min.css')}}">

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-12-12
    • 2013-07-23
    • 2020-01-08
    • 2020-05-09
    • 1970-01-01
    • 1970-01-01
    • 2019-12-17
    相关资源
    最近更新 更多