title: Change position of navbar-brand
body: <p>I' d like to move my <code>navbar-brand</code>, just a bit to the right. The default position overlaps, a little, with another button. How can I do it?
  Here is a bit of my html code:</p>
  
  <pre><code>&lt;nav class="navbar navbar-expand-lg navbar-light bg-light"&gt;
                  &lt;div class="container-fluid"&gt;
                      &lt;button type="button" id="sidebarCollapse" class="navbar-btn"&gt;
                          &lt;span&gt;&lt;/span&gt;
                          &lt;span&gt;&lt;/span&gt;
                          &lt;span&gt;&lt;/sp&lt;an&gt;
                      &lt;/button&gt;
                      &lt;a class="navbar-brand" href="#" &gt;Agora&lt;/a&gt;
                      &lt;div class="collapse navbar-collapse" id="navbarSupportedContent"&gt;
                          &lt;form class="form-inline mx-auto my-2"&gt;
                              &lt;input class="form-control mr-sm-1" type="search" placeholder="Search" aria-label="Search"&gt;
                              &lt;button class="btn btn-outline-success my-2 my-sm-0" type="submit"&gt;Search&lt;/button&gt;
                          &lt;/form&gt;
  
  
  </code></pre>
  
  <p>Do i have to use CSS?
  Code is well accepted :)</p>