如何在bootstrap4中將純文本置於導航欄中

Question

bootstrap3中有這.navbar-text使用，所以我可以將一些純文本放入導航欄中。類似於「以xxx登錄」。

但是在bootstrap4中，我找不到將純文本放入.navbar的類。只有.navlink。

這個document似乎沒有足夠的信息。

Answer 1

如果您使用的不是鏈接，cuold將被打印爲純文本。 看：

http://v4-alpha.getbootstrap.com/components/navbar/#brand

這裏使用的標題，第二是感嘆文本。 所以，如果你嘗試使用p或span，那麼這可能會像ypu一樣被繪製爲純文本。 嘗試並告訴我們。 感謝

Answer 2

您可以嘗試2種方法，請參考下面的代碼：

1）使用.navbar-brand：

<nav class="navbar navbar-light" style="background-color: #e3f2fd;"> 
    <!-- Navbar content --> 
    <span class="navbar-brand">Signed in as xxx</span> 
</nav> 

2）使用nav-item：

<nav class="navbar navbar-light" style="background-color: #e3f2fd;"> 
<ul class="nav navbar-nav"> 
     <li class="nav-item">Signed in as xxx 
     </li> 
</ul> 
</nav> 

演示here