Html 引导程序3：当使用小屏幕时，有没有办法隐藏导航栏文本？

我使用的是Bootstrap3.1.1

我希望导航栏文本在较小的屏幕上消失。目前，它在较小的屏幕上看起来不连贯。最好是在较小的屏幕上消失，但作为替代，它可以在标题下很好地呈现

<div class="navbar navbar-inverse">
    <div class="container">
        <div class="navbar-brand">Brand</div>
            <p class="navbar-text">I want this text to disappear when screen is small</p>
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
            <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
        </button>
        <div class="collapse navbar-collapse navHeaderCollapse">
            <u1 class="nav navbar-nav">
            <li class="active"><a href="#">Index</a></li>
            <li><a href="link1.htm">Link 1</a></li>
            </u1>
        </div>
    </div>
</div>

烙印
我希望当屏幕变小时，此文本消失

---

我建议看一看

有一些类，例如

隐藏的xs

，可用于隐藏某些媒体查询的元素。例如，当屏幕小于768 px时，

hidden xs

将隐藏元素

烙印

---

当屏幕小于或等于992 px时，您还可以使用

可见md

/

可见lg

的组合来隐藏元素。

或者，如果这些助手类不适合您（意味着它们不会以您喜欢的屏幕大小隐藏），如果您包含自定义样式表，您可以包含您自己的媒体查询，以仅隐藏所需的元素。

有点晚，但我的网站上使用了此代码：徽标与导航栏元素冲突（关于、产品等）

---

因此，品牌从美国（响应/调整大小）到美国

也许您正在寻找诸如

隐藏的sm

和

隐藏的xs

类？

<div class="navbar navbar-inverse">
    <div class="container">
        <div class="navbar-brand">Brand</div>
            <p class="navbar-text hidden-xs">I want this text to disappear when screen is small</p>
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
            <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
        </button>
        <div class="collapse navbar-collapse navHeaderCollapse">
            <u1 class="nav navbar-nav">
            <li class="active"><a href="#">Index</a></li>
            <li><a href="link1.htm">Link 1</a></li>
            </u1>
        </div>
    </div>
</div>

<a href="Index.html" class="navbar-brand hidden-xs hidden-md hidden-sm"><span style="color:red">UNITED</span> STATES OF AMERICA</a>
<a href="Index.html" class="navbar-brand visible-xs visible-md visible-sm"><span style="color:red">U</span>SA</a>