如何解决Bootstrap 3 导航栏社交图标
我需要引导程序 3 方面的帮助,我在右侧有徽标,右侧有标签,我也需要右侧的社交图标,但是标签在移动设备视图中折叠,但社交图标不应该折叠,它们应该留在切换按钮旁边。这是我的代码:
<nav class="navbar navbar-inverse navbar-fixed-top" id="my-navbar">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">
<img alt="Brand" src="assets/logo.png">
</a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="nav-item"><a href="#" class="nav-link">HOME</a></li>
<li class="nav-item"><a href="#" class="nav-link">DRINKS</a></li>
<li class="nav-item"><a href="#" class="nav-link">SPECIAL</a></li>
<li class="nav-item"><a href="#" class="nav-link">EVENTS</a></li>
<li class="nav-item"><a href="#" class="nav-link">RESERVATION</a></li>
<li class="nav-item"><a href="#" class="nav-link">PARTIES</a></li>
</ul>
</div>
<div class="social collapse navbar-collapse">
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-facebook-f"></i></a>
</div>
</div>
</nav>```
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。