如何在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