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

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -