title: Having problem with centering text in a Navbar in Bootstrap4
body: <p>I created a navbar in Bootstrap, and I would like to center the content in it.</p>
  <pre><code>&lt;nav class=&quot;navbar navbar-light bg-light&quot;&gt;
    &lt;div class=&quot;container&quot;&gt; 
      &lt;span class=&quot;navbar-brand mb-0 h1&quot;&gt;
        &lt;i class=&quot;bi bi-list-check&quot;&gt;&lt;/i&gt;
        Nav Text
      &lt;/span&gt; 
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  <p>In a CSS file, I tried several things, but nothing works. For example flex:</p>
  <pre><code>.navbar { 
    display: flex;
    justify-content: center;
  }
  </code></pre>
  <p>It just seems that nothing influences the navbar. I have no idea why.</p>