Javascript 适用于小型设备的Twitter引导响应导航栏标题

这篇文章的标题很模糊。。但我现在面临的问题是，在全幅显示时，我拥有的响应导航栏上不应该有“品牌”或“标题”。只有在较小的设备上（即在响应模式下）查看导航栏时，导航栏上才会显示“菜单”字样

很难把握，所以我在那里创建了一个也可见的。我喜欢在响应模式下查看的结果，但在正常模式下，它看起来一团糟。“菜单”这个词当时不应该再出现了，那时候它是毫无意义的

// Ignore this comment

---

实际上很容易修复，请查看代码中的JSFIDLE分支：

您可以应用一组实用CSS类，根据设备控制可见性，例如，隐藏在桌面上，但在任何较小的设备上都可见

所以我修改了你的菜单链接如下：

<a class="brand hidden-desktop" href="#">Menu</a>

这将在任何被视为桌面的设备上隐藏菜单锚，但在平板电脑和智能手机上保持可见

---

有关更多详细信息，请参见此处：

。可视电话可能工作得更好。就像在平板电脑中一样，他也不想显示“菜单”。@Jashwant也许，但他在这方面没有说得那么具体，他只是说更小的设备：）@Jashwant-ahhh。很不错的。“这其实很聪明。”DeanGrobler他们经常被忽视，但我发现他们很有用。