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