【问题标题】:Bootstrap Centered (and Fixed) Navigation BarBootstrap 居中(和固定)导航栏
【发布时间】:2013-04-07 11:33:55
【问题描述】:

我有一个简单的问题。我想在http://bootswatch.com/cosmo/ 处修改模板,以使导航栏居中。正如您在示例中看到的,导航从容器的左侧开始。我想和谐地分布在容器的整个宽度上......并且在我向下滚动页面时被固定......

你有什么想法吗?我应该在 css 中修改什么? 非常感谢!!

【问题讨论】:

  • 请接受答案,将知识传播给其他人!

标签: twitter-bootstrap navigationbar


【解决方案1】:

这是您正在寻找的需求: http://jsfiddle.net/3eG7J/1/

CSS

.navbar {
    position: fixed;
    width: 100%;
}

.navbar .nav {
   float: none;
}

.navbar .nav>li {
    width: 20%;
}

.navbar .nav>li 宽度取决于您有多少菜单项。

希望有帮助!

【讨论】:

  • 我有一个问题你...问题是我没有像你的例子那样显示页面,但是我将所有内容嵌入到一个居中的容器中,这样我就可以提供一个很好的背景图片。如果我使用您的代码,导航栏会占用页面的所有宽度,而我想分散在容器的宽度上......
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-20
  • 2018-12-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多