我已经完成了一个Bootstrap NavBar,我希望当屏幕大小为sm
,md
或lg
此项时:<a class="navbar-brand" href="http://www.upct.es/"><span id="idTextoLogotipo">UPCT</span></a>
将被隐藏,{{1我的menuItems。当屏幕尺寸为text-left
时,此xs
会重新显示。
我的NavBar代码是:
<a href...
我怎么能这样做?谢谢。
答案 0 :(得分:1)
Bootstrap有一个名为visible-xs-block
的类,它使元素仅在xs
上可见。将其附加到<a>
代码。
<a class="navbar-brand visible-xs-block" href="http://www.upct.es/"><span id="idTextoLogotipo">UPCT</span></a>
现在navbar-brand
只能在与xs
(&lt; 768px)对应的宽度上看到