html – Bootstrap 3导航栏右边距不应该是-15px

html – Bootstrap 3导航栏右边距不应该是-15px,第1张

概述在我的网页我有一个Bootstrap 3导航栏: <body><nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="navbar-header"> <a class="navbar-brand" href="#">Teachlab</a> </div> <div 在我的网页我有一个bootstrap 3导航栏:
<body><nav  role="navigation">  <div >    <a  href="#">Teachlab</a>  </div>  <div  ID="bs-example-navbar-collapse-1">    <ul >      <li><%= link_to "Home",'#' %></li>      <li><%= link_to "Help",'#' %></li>      <li><%= link_to "Sign in",'#' %></li>    </ul>  </div></nav><div >  <%= yIEld %></div></body>

问题是导航是靠近屏幕的边缘。如果我从导航栏中删除navbar-fixed-top,它的工作正如我所愿。

任何提示?

解决方法 根据3.1.1使用容器。

结构不正确。 .navbar右边的.collapse容器不在ul上。

样品:http://jsbin.com/eQIROsE/2/edit

<div ><div >  <a  href="#">Project name</a>      <button type="button"  data-toggle="collapse" data-target=".navbar-collapse">        <span >Toggle navigation</span>        <span ></span>        <span ></span>        <span ></span>      </button>   </div>    <div >        <ul >            <li ><a href="#">Home</a>            </li>            <li><a href="#about">About</a>            </li>            <li><a href="#contact">Contact</a>            </li>        </ul>      </div>      <!--/.navbar-collapse -->  </div>
总结

以上是内存溢出为你收集整理的html – Bootstrap 3导航栏右边距不应该是-15px全部内容,希望文章能够帮你解决html – Bootstrap 3导航栏右边距不应该是-15px所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1112425.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存