javascript - Boostrap css doesn't work -
i installed npm install bootstrap --save
, added (below) index.html
styles doesn't change.
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
my code (in other file):
<button type="submit" class="btn btn-default">submit</button>
only when add (below) index.html, works first web's load slow:
<!-- latest compiled , 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: (more details)
the file bootstrap.min.css exsist console says cant find it.
folders strucure: there main folder ang2project , inside there node_modules folder , src folder contain index.html
-angular2_projects -node_modules -bootstrap -dist -css bootstrap.min.css -src -index.html
change:
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
to:
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
you need 1 directory.
Comments
Post a Comment