如何使 Bootstrap 圖標出現？

Question

我是 Bootstrap 的新手，正在為應用程序構建登錄屏幕。 我想為谷歌使用 MDBIcons，twitter 和 facebook。我在這里關注文檔https://mdbootstrap.com/docs/b5/react/components/buttons/

但是，當我查看我的網頁時，我看不到圖標。 我只有一個品牌顏色的小按鈕。 我的谷歌圖標按鈕代碼如下所示

import "./App.css";
import React from "react";
import {  MDBIcon,  MDBBtn } from 'mdb-react-ui-kit';
 
const SignIn = () => {
  return (
    <>

      <MDBBtn
              className="m-1"
              style={{ backgroundColor: "#dd4b39" }}
              href="#"
            >
              <MDBIcon fab icon="google" />
            </MDBBtn>
    </>
  );
};

上圖是我看到的，按鈕里面沒有谷歌標志。 我正在使用 React 並運行“npm start”以在 chrome 上查看我的網頁。

任何幫助，將不勝感激。

Answer 1

您是否在 public/index.html 文件中添加了樣式？ 關於它的信息在這里。 React MDB 安裝指南。

我的意思是：

link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet"/>

如果沒有，請嘗試將其添加到index.html文件的“head”部分。