BootStrap не отображается на сайте.Ошибка 404 - PullRequest
Новая
       34

BootStrap не отображается на сайте.Ошибка 404

0 голосов
/ 04 декабря 2018

Делать это в угловых.Это происходит каждый раз.Я проверил сеть в Firefox, осмотреть элемент, в консоли, он показывает bootstrap Error 404

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>MeanApp</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-    alpha.5/css/bootstrap.css">

</head>   
<body>
  <div style="text-align:center">
  <app-root></app-root>
  </div>
</body>
</html>

Как выглядит мой сайт

Как должен выглядеть

Ответы [ 2 ]

0 голосов
/ 04 декабря 2018

Используя Angular 2+, вы можете включить загрузчик с помощью cli

  1. Установить загрузчик: npm install --save bootstrap@4.1.3
  2. Добавить jquery для зависимости, установить его с помощью команды: npm install --save jquery 1.9.1
  3. Добавьте @import ../node_modules/bootstrap/dist/css/bootstrap.min.css "; в свой основной файл style.scss.
  4. Исправьте уязвимость: npm audit fix

или, как сказал Арагорн, вы можете напрямую использовать CDN

0 голосов
/ 04 декабря 2018

В вашем коде неверный URL, удалите пробел в середине: 

  <link rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/css/bootstrap.css">
...