繁体   English   中英

Twitter Bootstrap:导航栏中的文本

[英]Twitter Bootstrap: Text in navbar

根据 twitter bootstrap文档,我应该能够“将文本字符串包装在<p>标签中以获得正确的前导和颜色”。 当我这样做时,在navbar下的任何级别,它都不会继承任何navbar类。 将字符串包裹在<a>标签中会呈现它,但它不应该是一个锚点。

我试图呈现的字符串是"Logged in as ... "

您必须在导航栏中包含一个类以及p标签,如下所示:

<p class="navbar-text">Logged in as</p> 

这已在issue 2799中修复。

我必须添加<span class="navbar-text">以使格式与锚标记保持一致。

这些答案或评论都不适合我(最新一个是 6 岁以上),但对我有用的是以下内容:

  1. 我必须使用<span>标签,而不是<p>
  2. 我必须在我的列表元素本身中包含"nav-item"

我的最终工作代码如下所示:

<li class="nav-item"><span class="navbar-text"><h5>{{first_name}}</h5></span></li>

相信我的话,但是下面的“Sally”这个词在悬停时不会变成超链接。

在此处输入图片说明

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM