大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – Twitter Bootstrap:多个响应式可折叠导航?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这可以在页面上轻松完成一次,但我无法弄清楚如何进行多个响应/可折叠导航.
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">groups</a> <div class="nav-collapse"> <ul class="nav"> <li><a href="#">Nav Link</a></li> <li><a href="#">Nav Link</a></li> <li><a href="#">Nav Link</a></li> <li><a href="#">Nav Link</a></li> </ul> </div>
但是如何制作第二个导航?
我尝试复制此代码并将data-target =“.nav-collapse”更改为data-target =“.nav-collapse2”,但这不起作用.
Twitter Bootstrap是否能够在页面上拥有2个或更多响应式导航?
.nav-collapse在bootstrap内部使用,实际上使导航响应性地崩溃.不使用.nav-collapse2作为数据目标,而是使用您自己的类/ id(除了使用.nav-collapsE)
这是一个例子:
<a class="btn btn-navbar" data-toggle="collapse" data-target=".col1">groups</a> <a class="btn btn-navbar" data-toggle="collapse" data-target=".col2">groups2</a> <div class="nav-collapse col1"> <ul class="nav"> <li><a href="#">Nav Link</a></li> <li><a href="#">Nav Link</a></li> </ul> </div> <div class="nav-collapse col2"> <ul class="nav"> <li><a href="#">Nav Link2</a></li> <li><a href="#">Nav Link2</a></li> </ul> </div>
以上是大佬教程为你收集整理的twitter-bootstrap – Twitter Bootstrap:多个响应式可折叠导航?全部内容,希望文章能够帮你解决twitter-bootstrap – Twitter Bootstrap:多个响应式可折叠导航?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。