2016-07-12 5 views
0

Я установил npm install bootstrap --save и добавил (ниже) в index.html, но стили не меняются.Boostrap css не работает

<link rel="stylesheet" 
href="node_modules/bootstrap/dist/css/bootstrap.min.css"> 

Мой код (в другом файле):

<button type="submit" class="btn btn-default">Submit</button> 

Только когда я добавляю это (ниже) index.html, все работает, но нагрузка первого полотна является очень медленно:

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

Update: (Подробнее)

Файл bootstrap.min.css выполняет exsist, но консоль говорит, что он не может найти его.

Папка Strucure: Существует основная папка ang2project и внутри него есть папка node_modules и папка ЦСИ, содержащая index.html

-angular2_projects 
    -node_modules 
      -bootstrap 
       -dist 
       -css 
        bootstrap.min.css 
    -src 
      -index.html 
+4

Действительно ли вы проверили путь к файлу 'node_modules/bootstrap/dist/css/bootstrap.min.css', чтобы узнать, существует ли его там? – theblindprophet

+0

вы уверены, что этот файл существует. Вы проверили консоль для каких-либо ошибок? Попробуйте найти вышеуказанный файл, чтобы узнать, существует ли он – cssGEEK

+2

Помните, что ваш href является относительным путем, поэтому он должен быть видимым из текущего пути/папки вашего html – phuzi

ответ

0

Изменение:

<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"> 

к:

<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css"> 

Вам нужно создать резервную копию одного каталога.

+0

Ошибка в консоли: GET http: // localhost: 4200/node_modules/bootstrap/dist/css/bootstrap.min.css –

Смежные вопросы