Bootstrap CSS file cannot be loaded into chrome locally -
when running html code on chrome , firefox ,the bootstrap file(local) not loaded .but when run in ie working fine.
<!doctype html> <html lang="en"> <head> <link rel="stylesheet" href="scripts/bootstrap-3.3.6/dist/css/bootstrap.min.css"> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">websitename</a> </div> <div> <ul class="nav navbar-nav"> <li class="active"><a href="#">home</a></li> <li><a href="#">page 1</a></li> <li><a href="#">page 2</a></li> <li><a href="#">page 3</a></li> </ul> </div> </div> </nav> </body> </html>
update: name of file nav.html. output same earlier.
this of projectfolder structure how bootstrap css folder structure looks
replace href
value relative path.
if these paths in project:
i:/projects/angular/learning/nav.html
i:/projects/scripts/bootstrap-3.3.6/dist/css/bootstrap.min.css
then href value need in link tag:
<link rel="stylesheet" href="../../scripts/bootstrap-3.3.6/dist/css/bootstrap.min.css">
Comments
Post a Comment