title: Using Laravel Framework - Only 1 yield is working in my layout.blade.php file
body: <p>The issue is that my about.blade.php file shows in the layout, but my navbar.blade.php does not.</p>
  
  <p>The best I can guess (I'm new to Laravel), is that my controller returns about.blade.php which extends layout.blade.php, but for some reason, layout.blade does not know about navbar.blade.php even though navbar.blade.php extends layout.blade.php.</p>
  
  <p>layout.blade.php </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
        @yield('navbar')
  
          &lt;div class="container"&gt;
  
            @yield('content')
  
          &lt;/div&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>navbar.blade.php</p>
  
  <pre><code>@extends('layout')
  @section('navbar')
  
  &lt;header&gt;
    &lt;nav class="nav navbar-default navbar-fixed-top"&gt;
      &lt;div class="container-fluid"&gt;
        &lt;div class="navbar-header"&gt;
          &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false"&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="/?page=main"&gt;SWMHS&lt;/a&gt;
        &lt;/div&gt;
  
        &lt;div class="collapse navbar-collapse" id="navbar-collapse-1"&gt;
          &lt;ul class="nav navbar-nav"&gt;
            &lt;li&gt;&lt;a href="/"&gt;Main&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="/about"&gt;About&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;/nav&gt;
  &lt;/header&gt;
  
  @endsection
  </code></pre>
  
  <p>about.blade.php</p>
  
  <pre><code>@extends('layout')
  
  @section('content')
  
    &lt;h1 class="text-center"&gt;This is the About Page&lt;/h1&gt;
  
  @endsection
  </code></pre>