大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – twitter引导程序在滚动后修复导航栏,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!-- Begin logo / Search --> <header class="masthead"> <div class="row"> <div class="span6"> <div class="logo pull-left"> <h1><a href="/">name</a></h1> </div> </div> <div class="span6"> <div class="pull-right hidden-phone"> <form class="search" action="/search" id="site-search"> <input type="hidden" name="records" value="6"> <div class="input-append"> <input type="text" name="q" class="search_Box" placeholder="Search" value="" autocomplete="off" /> <button class="btn" type="submit"><i class="icon-search"></i></button> </div> </form> </div> </div> </div> </header> <!-- Begin Navbar --> <div> <div class="navbar navbar-static"> <div class="navbar-inner" id="mastnav"> <div class="container"> <!-- .btn-navbar is used as the toggle for collapsed navbar content --> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <div class="nav-collapse collapse"> <ul class="nav"><li><a href="#">nav</a> </li></ul> <ul class="nav pull-right"> <li> <a href="/cart"><i class="icon-shopping-cart"></i> <span id="cart-count">1</span></a> </li> </ul> </div> </div> </div> </div><!-- /.navbar --> </div>
#nav.affix { position: fixed; top: 0; width: 100% }
有关:
Affix Bootstrap flickers after affix-bottom reached and scrolling back top
以上是大佬教程为你收集整理的twitter-bootstrap – twitter引导程序在滚动后修复导航栏全部内容,希望文章能够帮你解决twitter-bootstrap – twitter引导程序在滚动后修复导航栏所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。