0

帖子的标题相当模糊。但我遇到的问题是,我在全宽时拥有的响应式导航栏上不应该有“品牌”或“标题”。只有在较小的设备上(即在响应模式下)查看导航栏时,导航栏上才应该有一个品牌说“菜单”......

很难掌握,所以我创建了一个JSfiddle ,在那里也可以在全屏模式下查看。我喜欢在响应模式下查看的结果,但在正常模式下看起来很乱。那时“菜单”这个词不应该再出现了,那是毫无意义的。

// Ignore this comment
4

1 回答 1

1

它实际上很容易修复,请查看您的代码的这个 JSFiddle 分支:http: //jsfiddle.net/sfAY6/

您可以应用一组实用的 CSS 类来控制取决于设备的可见性,例如隐藏在桌面上但在任何较小的设备上可见。

所以我修改了你的菜单链接是这样的:

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

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

有关更多详细信息,请参见此处:http: //twitter.github.com/bootstrap/scaffolding.html#responsive

于 2013-02-20T12:47:52.397 回答