Paul Drake

Paul Drake

  • NA
  • 37
  • 4.6k

Browser not reading style sheets error404

Dec 24 2020 5:01 PM
I have a foreach loop inside of a div tag with container as well as a div with class row. When I run the page in a browser for some reason the div tags don't render the way I want them to. I looked at the console in the browser and my style sheets aren't being reading correctly. I'm getting an error404 message.
  1. @{  
  2.  Layout = null;  
  3.  MovieResults movieResults = ViewData["movies"] as MovieResults;  
  4. }  
  5. <!doctype html>  
  6. <html lang="en">  
  7. <head>  
  8.     <meta charset="UTF-8"/>  
  9.     <meta name="viewport" content="width=device-width, initial-scale=1"/>  
  10.     <title>Movie Streaming Availability App</title>  
  11.     <link rel="stylesheet" type="text/css" href="lib/bootstrap/dist/css/bootstrap-grid.css">  
  12.     <link rel="stylesheet" type="text/css" href="lib/bootstrap/dist/css/bootstrap.css">  
  13.     <link rel="stylesheet" type="text/css" href="lib/bootstrap/dist/css/bootstrap-reboot.css">  
  14.     <link rel="stylesheet" type="text/css" href="css/site.css">  
  15. </head>  
  16. <body>  
  17. <main>  
  18.     <div class="container">  
  19.         <div class="row">  
  20.  @foreach (var movie in movieResults.Results)  
  21.  {  
  22.  <div class="col-md-3">  
  23.                     <img src="https://image.tmdb.org/t/p/w300/@movie.PosterPath" alt="@movie.Title">  
  24.                     <label>@movie.Title</label>  
  25.                 </div>  
  26.  }  
  27.  </div>  
  28.     </div>  
  29. </main>  
  30. <footer>  
  31.     <script src="lib/jquery/dist/jquery.js"></script>  
  32.     <script src="lib/bootstrap/dist/js/bootstrap.bundle.js"></script>  
  33.     <script src="~/js/site.js" asp-append-version="true"></script>  
  34. </footer>  
  35. </body>  
  36. </html>  

Answers (2)