Twitter引导程序：导航栏中的文本

109

根据twitter bootstrap 文档，我应该能够“在标签中包装文本字符串以获取正确的前导和颜色”。当我这样做时，navbar它下面的任何级别都不会继承任何navbar类。将字符串包装在<a>标签中可将其呈现出来，但不应作为锚点。

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

html css twitter-bootstrap

— 杰克弗罗斯特
source

237

您必须p在导航栏中添加一个类以及您的标签，如下所示：

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

— 安德烈斯·伊里奇（Andres Ilich）
source

2

@ capncaveman，twitter的人们并没有包含足够奇怪的内容，但是您可以在他们的页面示例中看到它。

— 安德烈斯·伊利希

35

对于它的价值，我不得不使用它来获取正确的格式。

— eaj 2013年

感谢那！仅供参考@eaj w / 3.3.6我不需要.nav。问题：是否有一个标准的Bootstrap类可以禁用文本？

— 马修·康奈尔

1

@MatthewCornell我不知道，但是您可以通过将::selection颜色设置为背景颜色并将cursor属性重置为悬停时默认值来“伪造”它，就像这样cursor: default;。

— 安德烈斯·伊里奇

4

此问题已在问题2799中修复。

— 莫扎莫
source

2

我必须添加格式以使其与锚标签保持一致。

— 米洛·范·隆
source

0

这些答案或评论均不适合我（最新年龄为6岁以上），但对我有用的是：

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

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

顺其自然，但是下面的“ Sally”一词在悬停时不会更改为超链接。

— 乔尔·威格顿
source