Question

在bootstrap3中，可以使用此.navbar-text，因此我可以将一些纯文本放入导航栏。类似于＆＃34;签名为xxx＆＃34;。

但是在bootstrap4中，我无法找到将纯文本放入.navbar的类。只有.navlink。

这document似乎没有透露足够的信息。

Answer 1

如果您使用非链接，则cuold将像纯文本一样打印。看：

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

这里是使用标题，nd是一个plaint文本。因此，如果您尝试使用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

如何在bootstrap4中将纯文本放入导航栏

2 个答案: