HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML – 是否可以仅在移动设备上使用Twitter Bootstraps .navbar-fix-to-top?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个导航栏的Twitter Bootstrap 3网页:
<div class="col-xs-12 col-md-10 col-md-offset-1">
    <nav class="navbar navbar-inverse" role="navigation">
      <div class="navbar-header">
        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-ex1-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="#" class="navbar-brand">
          @R_696_10283@e
        </a>
      </div>
      <div class="collapse navbar-collapse navbar-ex1-collapse">
        ...
      </div>
    </nav>
</div>

它在桌面上看起来很不错,有一些上边距.但是,是否可以仅在移动设备上使用.navbar-fixed-to-top?那么在移动设备上,导航栏始终位于顶部,没有顶部,左侧和右侧边距?

解决方法

您可以使用媒体查询,如下所示:
@media screen and (max-width: 480pX)  
{
    nav.navbar
    {
       margin: auto; /*or the margin that you need*/
    }   
}

大佬总结

以上是大佬教程为你收集整理的HTML – 是否可以仅在移动设备上使用Twitter Bootstraps .navbar-fix-to-top?全部内容,希望文章能够帮你解决HTML – 是否可以仅在移动设备上使用Twitter Bootstraps .navbar-fix-to-top?所遇到的程序开发问题。

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

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