title: Create navbar using React and Bootstrap
body: <p>The navbar that I'm creating has its brand showing, however the links will not appear. The toggle button appears when shrinking the screen, but still no links appear when I click the button.</p>
  <pre><code>import React from &quot;react&quot;;
  
  function Navbar()
  {
  return(
  &lt;div&gt;
  &lt;nav class=&quot;navbar navbar-expand-lg navbar-dark bg-dark&quot;&gt;
      &lt;a class=&quot;navbar-brand&quot; &gt;Demo&lt;/a&gt;
      &lt;button class=&quot;navbar-toggler&quot; type=&quot;button&quot; data-toggle=&quot;collapse&quot; 
        data-target=&quot;navbarText&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Toggle 
       navigation&quot;&gt;
          &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;div class=&quot;collapse nabar-collapse&quot; id=&quot;navbarText&quot;&gt;
          &lt;ul class=&quot;navbar-nav mr-auto&quot;&gt;
              &lt;li class=&quot;nav-item active&quot;&gt;
                  &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Menu&lt;span class=&quot;sr-only&quot;&gt; 
                (current)&lt;/span&gt;&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                  &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Pricing&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
          
        &lt;/div&gt;
    &lt;/nav&gt;
    &lt;/div&gt;
  );
   }
  export default Navbar;
  </code></pre>