目前,我的基于 Bootstrap3 的导航栏仅在未折叠时使用图标:
navbar
折叠时会出现问题:
...除链接外,没有描述性文本,但显然有空间可以添加。删除文本描述是为了节省空间,但一旦折叠,就有充足的空间……而没有描述可能会存在问题,因为会占用很多空间。
我查看了辅助类和文档中的 collapse
功能,并尝试在包含文本之后,在 badge
或 glyphicon
标签后面放置 <span class='collapse in'>
标签。
当我这样做时,文本总是可见的,而不仅仅在收缩的 navbar
时才显示。我宁愿不使用 class='visible-xs'
或类似其实际浏览器宽度的其他类。
检测一个元素是否在一个已折叠的 navbar
中并仅在这种情况下显示文本的正确方法是什么?
这里有一个要点:https://gist.github.com/digitalextremist/6e70807a8b0e3c3da993
并且 bootply: http://www.bootply.com/105538