隐藏bootstrap导航栏品牌,仅在导航栏折叠时显示居中

Question

也许品牌导航栏按钮不是这样做的方式,但是当我想要的是当导航栏折叠并显示切换按钮时,我希望显示一些文本或主页链接.

像这样:

我希望当导航栏没有折叠时隐藏该品牌.这可能吗？

Answer 1

使用某些引导实用程序类很容易做到这一点.默认情况下,导航栏在XS(<768px)处折叠.

只有在到达XS时才会显示某些内容,只需添加该大小的可见实用程序类.

<div class="visible-xs"></div>

如果您希望仅在不在XS中时显示某些内容作为该大小的隐藏实用程序类.

<div class="hidden-xs"></div>

更多信息可以在这里找到:http://getbootstrap.com/css/#responsive-utilities-classes