ブートストラップブランドの隣に4つのインラインテキスト

Question

ブランドの隣にナビバーのテキストを1行で表示するにはどうすればよいですか？ 。

<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-dark"> 
    <div class="nav-item"> 
     <a href="/" class="navbar-brand text-white"> 
     <img src="#" width="30" height="30" class="d-inline-block align-top" alt=""> 
     <b>Zero</b>Planet </a> 
    </div> 
    <div class="text-light mr-auto">Welcome, Admin</div> 
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"> 
     <span class="navbar-toggler-icon"></span> 
    </button> 
    <div class="collapse navbar-collapse" id="navbarNav"> 
     <div class="nav navbar-nav ml-auto"> 
      <a href="#" class="btn btn-link text-white">Test</a> 
      <a href="#" class="btn btn-link text-white">Test</a> 
      <a href="#" class="btn btn-link text-white">Error page</a> 
      <a href="#" class="btn btn-link text-white">Account</a> 
      <a href="#" class="btn btn-dark border border-white">Logout</a> 
     </div> 
    </div> 
</nav> 

誰かが私を助けることができるのおかげ

EDIT：？私はhttp://zeroplanet.gq/test.htmlどこでテストページがテキスト,,こんにちは、管理者は」ですが、このテキストは、インラインではない持って

ここ はコードがあります：私は私がclass = "collapse navbar-collapse"でdivを削除しようとした場合、テキストがインラインであることを発見しましたが、このdivがモバイルのGoogleのために必要です.. アイデア？

Answer 1

折りたたみdivクラスは、 。

あなたはこのラインで "最大幅" CSSプロパティを使用して試すことができます：ここ

<div class="collapse navbar-collapse" id="navbarNav">

または "分幅"：

<div class="text-light mr-auto">Welcome, Admin</div>