Bootstrap шрифт отличается в реакции - PullRequest
Новая
       1

Bootstrap шрифт отличается в реакции

0 голосов
/ 20 сентября 2018

Я хочу сделать страницу входа с помощью начальной загрузки и реагировать.Я использую следующий стиль с официальной страницы.Я добавил все эти файлы начальной загрузки и CSS в файл index.html: 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <!--
      manifest.json provides metadata used when your web app is added to the
      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
    -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">

    <link href="all.css" rel="stylesheet">
    <link href="autorization.css" rel="stylesheet">
    <link href="bootstrap.min.css" rel="stylesheet">

    <title>React App</title>
  </head>
  <body>
    <div id="root"></div>
  </body>
  <script src="bootstrap.bundle.min.js"></script>
  <script src="jquery.min.js"></script>
</html>

Но результат другой, чем когда я открываю через обычную HTML-страницу.Шрифт другой.

Вот как это должно быть:

enter image description here

И вот что у меня есть:

enter image description here

Я не понимаю почему, потому что я не менял css-файлы ...

Ответы [ 2 ]

0 голосов
/ 20 сентября 2018

Это может быть проблема с файлом index.js.Там вы удалите импортирующую строку index.css.

Удалите эту строку в файле index.js. 

import './index.css';
0 голосов
/ 20 сентября 2018

Возможно, вы загружаете другой файл CSS после того, как при начальной загрузке переписываются правила стиля CSS из BS, или файл CSS начальной загрузки не загружается, пожалуйста, проверьте его в консоли или в браузере, какой стиль, из которого применяется файл, как первый

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...