Twitter bootstrap 3 当用户更改屏幕宽度时，如何更改导航菜单中的文本？引导程序3

当用户更改屏幕宽度时，如何更改导航菜单中的文本

我尝试：

            <li>
                <p class="navbar-text visible-lg underline">Contacts & Delivery</p>
                <p class="navbar-text hidden-lg underline">Contacts</p>
            </li>

联系人和递送

联系人

---

这是工作，但文本开始文本向上移动。我可以用标记“a”而不是“p”来修复它，但我不会在导航菜单中链接。

如果我很了解您的问题，应该在引导CSS后附加以下CSS代码时修复它：

.navbar-text { margin-left: 15px; margin-right: 15px; }

当您使用较少时：

.navbar-text {
  margin-left: @navbar-padding-horizontal;
  margin-right: @navbar-padding-horizontal;
}

另见：

更新 根据下文，您不应在

li

或任何其他标记内使用

.navbar文本。上述解决方案的另一种选择是为
li
中的文本创建一个新类，该解决方案按预期保留
.navbar文本

更少

.navbar-nav-text {
  &:extend(.nav > li > a);
  &:extend(.navbar-nav > li > a);
  p& {
    margin: 0;
  }
}
.navbar-default {
    .navbar-nav-text {
        color: @navbar-default-color;
    }
}
.navbar-inverse {
    .navbar-nav-text {
        color: @navbar-inverse-color;
    }
}

.navbar-nav-text {
  position: relative;
  display: block;
  padding: 10px 15px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .navbar-nav-text {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

p.navbar-nav-text {
  margin: 0;
}
.navbar-default .navbar-nav-text {
  color: #777777;
}
.navbar-inverse .navbar-nav-text {
  color: #9d9d9d;
}

或css

.navbar-nav-text {
  &:extend(.nav > li > a);
  &:extend(.navbar-nav > li > a);
  p& {
    margin: 0;
  }
}
.navbar-default {
    .navbar-nav-text {
        color: @navbar-default-color;
    }
}
.navbar-inverse {
    .navbar-nav-text {
        color: @navbar-inverse-color;
    }
}

.navbar-nav-text {
  position: relative;
  display: block;
  padding: 10px 15px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .navbar-nav-text {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

p.navbar-nav-text {
  margin: 0;
}
.navbar-default .navbar-nav-text {
  color: #777777;
}
.navbar-inverse .navbar-nav-text {
  color: #9d9d9d;
}

我不完全理解它，但检查使用firebug从引导添加的样式。p标签有一个默认值指定的边距，除非你在我不知道的事情上，在导航栏或引导中的导航中使用
p
而不是
a
标签会导致导航项目中断，因为它不再可点击。你为什么要用段落标记而不是锚定标记呢？@MattD，请看