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