Css 当导航栏内容未通过Twitter引导修复时,是否将其居中?
我试图将“内容”集中在导航栏上。当为“导航栏固定顶部”时,UL菜单居中。但是,由于我不想将菜单固定在顶部,所以我删除了该类,但现在菜单没有居中。 它在左侧浮动。它应该与容器的边缘对齐。 与类似,但我不希望它固定在顶部 这是密码Css 当导航栏内容未通过Twitter引导修复时,是否将其居中?,css,twitter,twitter-bootstrap,centering,Css,Twitter,Twitter Bootstrap,Centering,我试图将“内容”集中在导航栏上。当为“导航栏固定顶部”时,UL菜单居中。但是,由于我不想将菜单固定在顶部,所以我删除了该类,但现在菜单没有居中。 它在左侧浮动。它应该与容器的边缘对齐。 与类似,但我不希望它固定在顶部 这是密码 <div class="navbar "> <div class="navbar-inner"> <div class="container" >
<div class="navbar ">
<div class="navbar-inner">
<div class="container" >
<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>
<a class="brand" href="#">Project name</a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
这曾经是默认行为,至少它在2.0.1中起作用,但在最新版本中似乎有一些更改,因此当导航栏不固定时,导航栏内容不再居中
解决方法似乎是在CSS中添加以下内容:
.navbar-inner > .container { width:940px; }
使用
导航栏静态顶部
如果最新的引导版本不起作用,请查看它。我不确定我是否正确理解了您的问题,因此您想在一个容器中修复导航栏内容,比如说,
940px
容器?.container
div的宽度?我实际上不想修改。我想在标题后使用它,而不是修复,例如,如图所示。我想要的是内容向左浮动。它应该与中心对齐。像保证金:0自动;宽度:940px。但它不起作用你的意思是这样的:使用混合可能是更好的方法:@include core span($gridColumns);非常感谢!我想不出是怎么回事,但加上这个类很有魅力。