bootstrap品牌旁邊的4個內嵌文本

如何在同一行中獲得品牌旁邊的導航欄文本？我在http://zeroplanet.gq/test.html測試頁面，爲文本,,你好，管理員」，但這段文字是不是內聯bootstrap品牌旁邊的4個內嵌文本

這裏是代碼：？

<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>

有人可以幫助我感謝

編輯：我發現如果我嘗試刪除與類class =「崩潰navbar-collapse」的div文本是內聯的，但我需要這個div的移動谷歌.. 想法？

來源

2017-09-15 Dominik Schrom

崩潰div類太大，當它沒有崩潰。

您可以嘗試使用「最大寬度」 CSS屬性在這一行：

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

或「最小寬度」在這裏：

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

來源

2017-09-15 18:18:48 fgerasimenko

bootstrap品牌旁邊的4個內嵌文本

回答

相關問題