[英]How to exclude item from collapse in bootstrap navbar
当屏幕变小时,我一直想从折叠框中排除导航栏上的某个项目。
这是到目前为止的HTML代码:
<div class="container">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navBar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="."><img class="ico_img" src="assets/ico_img.png" /></a>
</div>
<div class="collapse navbar-collapse" id="navBar">
<ul class="nav navbar-nav">
<li class="active"><a>Home</a></li>
<li><a href="page1.php">Page 1</a></li>
<li><a href="page2.php">Page 2</a></li>
<li><a href="page3.php">Page 3</a></li>
</ul>
<ul class="nav navbar-nav navbar-right hidden-xs">
<li><a class="welcome"></a></li>
</ul>
</div>
</div>
</nav>
</div>
我想排除欢迎部分。 到目前为止,我发现的一种解决方案是添加“ hidden-xs”类属性,以在折叠开关出现时隐藏欢迎消息,但是有没有更清洁的方法呢?
您可以使用一堆.visibble-*-*来实现。 .hidden-xs更干净。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.