Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 无论发生什么情况,引导导航栏都不会居中_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 无论发生什么情况,引导导航栏都不会居中

Html 无论发生什么情况,引导导航栏都不会居中,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我一直有一个可怕的时间试图中心我的导航栏李在我的导航栏中心使用引导。我试过使用类似问题的信息,例如,和。我的导航不使用药片或标签,但我希望我可以相应地编辑我的代码。使用粘性导航,这可能是我页面上最复杂的事情。我使用上传的代码创建了一个JSFIDLE,但由于某些原因,JSFIDLE代码正确地对齐了所有内容,而在我的页面上,所有链接都偏移到了正确的10像素左右。我试着将所有的边距和填充设置为0,但仍然没有成功 有人能帮帮我吗,这让我烦透了,我要把我的电脑从屋顶上扔下来!如果你能解决我的问题,我就给你

我一直有一个可怕的时间试图中心我的导航栏李在我的导航栏中心使用引导。我试过使用类似问题的信息,例如,和。我的导航不使用药片或标签,但我希望我可以相应地编辑我的代码。使用粘性导航,这可能是我页面上最复杂的事情。我使用上传的代码创建了一个JSFIDLE,但由于某些原因,JSFIDLE代码正确地对齐了所有内容,而在我的页面上,所有链接都偏移到了正确的10像素左右。我试着将所有的边距和填充设置为0,但仍然没有成功

有人能帮帮我吗,这让我烦透了,我要把我的电脑从屋顶上扔下来!如果你能解决我的问题,我就给你烤些饼干

谢谢

布莱恩

另外,很抱歉所有的链接:-/

这是我的

这是我的HTML:

<div id="nav-wrapper">
<div id="nav" class="navbar navbar-inverse affix-top center" data-spy="affix">
  <div class="navbar-inner pull-center" data-spy="affix-top">
    <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>

      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <ul class="nav">
            <li><a href="#home">Home</a></li>
            <li><a href="#service-top">Services</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul><!--/.nav-->
      </div><!--/.nav-collapse collapse pull-right-->
    </div><!--/.container-->
  </div><!--/.navbar-inner-->
</div><!--/#nav /.navbar navbar-inverse-->
</div><!--/#nav-wrapper-->
试着改变

.navbar .nav, .navbar .nav > li {
    float:center;
    ...


据我所知,没有所谓的浮动中心。仅左、右、无和继承。

尝试在nav之后将此类添加到ul

.nav-center {
    float: none;
}

这将覆盖来自bootstrap.css的float:left

.navbar.nav>.active a:hover、.navbar.nav>li a:hover、.navbar.nav>.active a
.navbar.nav>li a
都有
边距:0.5em 1em的规则。将其更改为
margin:0.5em 0

.navbar.nav、.navbar.nav>li
具有
浮动:中心的规则。移除它

添加此规则:

.navbar .nav {
    float: none;
}

@Brian增加了右边的填充。navbar inner似乎将内容向左推,然而,这似乎不是一个修复,而是一个解决方案。在文件siteroot/css/bootstrap.min中。css@fredsbend在过去的5年里,我一直在研究CSS。有效值为
left | right | none | inherit
。如果是错误,请告诉我!;)
float:center
是我为其他有相同问题的人编写的代码。请粘贴获得float:center属性的行号。就我的经验而言,没有这样的财产。工作得很有魅力,我想我在某些领域的利润翻了一番。谢谢你,好先生!浮动:中心;我找不到它。@Shail那是因为我在上传新代码时删除了它。你能把出现问题的页面贴出来吗,这样我们就可以看到你面临的确切问题了。
.nav-center {
    float: none;
}
.navbar .nav {
    float: none;
}