title: Static navbar in reactJS Bootstrap
body: <p>I want to make static navbar which does not follow user on sroll.Is there any way to do it in
  react-bootstrap?</p>
  <pre><code>&lt;Navbar bg=&quot;dark&quot; variant=&quot;dark&quot;&gt;
    &lt;Nav className=&quot;mr-auto&quot;&gt;
      &lt;Button className={'bootstrapProfile'} variant=&quot;outline-info&quot;&gt;
        &lt;Link key={uuidv4()} to={`/profile/${user.id}`}&gt;
          My Profile
        &lt;/Link&gt;{' '}
      &lt;/Button&gt;
      &lt;Button
        className={'bootstrapNewTopic'}
        variant=&quot;outline-info&quot;
        onClick={() =&gt; {
          history.push('/posts');
        }}
      &gt;
        New Topic
      &lt;/Button&gt;
    &lt;/Nav&gt;
    &lt;Button variant=&quot;outline-info&quot; onClick={() =&gt; LogOut()}&gt;
      Log Out
    &lt;/Button&gt;
  &lt;/Navbar&gt;
  </code></pre>
  <p>I tried to give it classname <code>fixed-top</code> but it did not work.
  Please help</p>