Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – Twitter Bootstrap仅在电话上折叠组大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用Twitter Bootstrap编写的网站.我在网站上有一组我想要折叠的按钮,但仅限于在手机上查看网站时.因此,当用户在他们的计算机上查看该网站时,他们将看到所有按钮,但当他们在手机上时,他们只会看到一个按钮,上面写着“更多细节”,当他们按下它时,所有按钮都会显示出来.

到目前为止我有

@H_772_4@<div class="collapse-group"> <ul class="menu row collapse" id="InduStriesMenu"> <li><a class="btn" href="#">Button 1</a></li> <li><a class="btn" href="#">Button 2</a></li> <li><a class="btn" href="#">Button 3</a></li> </ul> <a class="btn" data-toggle="collapse" data-target="#InduStriesMenu">View details</a> </div>

这当前有效,但认情况下按钮在所有设备上折叠,而不仅仅是手机.任何帮助总是受到赞赏.
谢谢.

解决方法

看看这是否对您有所帮助: http://jsfiddle.net/panchroma/7fYVD/

它是http://twitter.github.com/bootstrap/components.html#navbar上的响应式导航栏的简化版本

HTML在下面.

祝好运!

@H_772_4@<div class="navbar"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".InduStriesMenu" style="color:black;">view details </a> <!-- Everything you want hidden at 940px or less,place within here --> <div class="nav-collapse collapse InduStriesMenu"> <ul class="nav"> <li><a href="#">Button 1</a></li> <li><a href="#">Button 2</a></li> <li><a href="#">Button 3</a></li> </ul> </div><!-- /.nav-collapse --> </div> </div><!-- /navbar-inner --> </div>

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – Twitter Bootstrap仅在电话上折叠组全部内容,希望文章能够帮你解决twitter-bootstrap – Twitter Bootstrap仅在电话上折叠组所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。