title: laravel css is not loading
body: <p>So, i know this question has been asked before, but it has been resolved in ways that still doesn't work for me, bootstrap css is working, however my stylesheet is not loading, but i can see the css code fine when i inspect the page.</p>
  
  <p><strong>layout.blade.php</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;@yield('title')&lt;/title&gt;
  
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" /&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css"&gt;
      {!! Html::style( asset('css/main.css')) !!}
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="mycont"&gt;
  &lt;nav id="mynav" class="navbar navbar-default navbar-static-top"&gt;
      &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
              &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"&gt;
                  &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;a class="navbar-brand" href="#"&gt;Eli Hood&lt;/a&gt;
          &lt;/div&gt;
          &lt;div id="navbar" class="navbar-collapse collapse"&gt;
  
              &lt;ul class="nav navbar-nav navbar-right"&gt;
  
                  &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="/login"&gt; Login &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="/register"&gt;Register&lt;/a&gt;&lt;/li&gt;
  
              &lt;/ul&gt;
          &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  
  
  
  
          @yield('content')
  
  
  
  &lt;footer&gt;
  
  &lt;/footer&gt;
  
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="https://getbootstrap.com/dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any suggestions, could it be an interference with https and http ?</p>