title: bootstrap 4 inline text next to the brand
body: <p>How do I get navbar text next to the brand in one line?? 
  I have test page at <a href="http://zeroplanet.gq/test.html" rel="nofollow noreferrer">http://zeroplanet.gq/test.html</a> where is text ,,Hello, Admin", but this text is not inline.</p>
  
  <p>Here is code: </p>
  
  <pre><code>&lt;nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-dark"&gt;
      &lt;div class="nav-item"&gt;
          &lt;a href="/" class="navbar-brand text-white"&gt;
          &lt;img src="#" width="30" height="30" class="d-inline-block align-top" alt=""&gt;
          &lt;b&gt;Zero&lt;/b&gt;Planet &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="text-light mr-auto"&gt;Welcome, Admin&lt;/div&gt;
      &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"&gt;
          &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;div class="collapse navbar-collapse" id="navbarNav"&gt;
          &lt;div class="nav navbar-nav ml-auto"&gt;
              &lt;a href="#" class="btn btn-link text-white"&gt;Test&lt;/a&gt;
              &lt;a href="#" class="btn btn-link text-white"&gt;Test&lt;/a&gt;
              &lt;a href="#" class="btn btn-link text-white"&gt;Error page&lt;/a&gt;
              &lt;a href="#" class="btn btn-link text-white"&gt;Account&lt;/a&gt;
              &lt;a href="#" class="btn btn-dark border border-white"&gt;Logout&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>Can someone help me? Thanks</p>
  
  <p>EDIT: I found if I try remove div with class="collapse navbar-collapse" the text is inline, but i need this div for mobile toogle..
  Ideas?</p>