Css 隐藏引导导航栏的标题

我已经做了一个引导导航栏，我希望当屏幕大小为

sm

，

md

或

lg

时，此项：

将被隐藏，并且

文本左侧

我的菜单项。当屏幕大小为

xs

this

*/}
门努

伊尼西奥
新发病率
误发


萨利尔

---

我怎么能这样做？谢谢。

Bootstrap有一个名为

visible xs block

的类，它使元素仅在

xs

上可见。将其附加到

---

现在，只能在与

xs

相对应的宽度上看到

navbar品牌（很酷！谢谢。但现在，我继续遇到另一个问题：当它被隐藏时，左侧有一个空白，我如何才能使其消失？为
最大宽度：768px
添加
@媒体查询
（与
xs
相对应）然后在
.navbar header
上加一个
左边距
等于某个负值。尽管我在你的代码中看到了一个错误，
.navbar品牌
应该在
内。根据标准引导考虑，navbar header
不应该在外面。首先尝试一下。它会解决你的问题r问题。
        <nav id="idNavMenu" class="navbar navbar-default" role="navigation">

            {/*<a class="navbar-brand" href="/inicio"><img id="idFotoLogotipo" width="200px" src="./assets/images/cabecera_CE.jpg"/></a>*/}

            <a class="navbar-brand" href="http://www.upct.es/"><span id="idTextoLogotipo">UPCT</span></a>

            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Menú</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav">
                    <MenuNavItem to='/alumno/inicio' index={true}>Inicio</MenuNavItem>
                    <MenuNavItem to='/alumno/nueva_incidencia'>Nueva Incidencia</MenuNavItem>
                    <MenuNavItem to='/alumno/mis_incidencias'>Mis Incidencias</MenuNavItem>
                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <MenuNavItem to=''><span class="glyphicon glyphicon-off"></span> Salir</MenuNavItem>
                </ul>
            </div>

        </nav>

<a class="navbar-brand visible-xs-block" href="http://www.upct.es/"><span id="idTextoLogotipo">UPCT</span></a>