【问题标题】:Three area Nav bar in BootstrapBootstrap 中的三个区域导航栏
【发布时间】:2014-05-16 04:09:21
【问题描述】:

我正在尝试创建一个包含三个区域的引导导航栏。左、中、右。

左侧是用户头像栏,中间是搜索栏,右侧是一些按钮。

我无法将搜索栏居中。关于如何实现这一点的任何想法?我会发布我的尝试,但它变得如此混乱,现在非常难以阅读。

经过一些编辑和以下人员的帮助。我已经做到了。 http://www.bootply.com/azFiegnAoO

但是现在有一个小问题,设置为100%的导航栏宽度比页面宽,并且向右扩展了一个页面。

【问题讨论】:

  • 这样的? -> bootply.com/mQh8DyRfWY
  • 这在 bootstrap 2.3.2 中有效吗?这很棒!它必须是“品牌”类吗?
  • 不一定是品牌类。 Bootstrap3 有一些小的变化。你可以检查一下,应该没问题
  • 经过一些编辑和下面的帮助。我已经做到了。 bootply.com/azFiegnAoO 不过现在有个小问题,设置为100%的navbar宽度比页面宽,向右延伸了一个页面。
  • 那是另一个问题,请查看您的容器并检查是什么原因造成的。

标签: html css nav twitter-bootstrap-2


【解决方案1】:

设置导航栏左右部分的宽度相等,并在导航栏的css中添加margin: 0 auto

【讨论】:

  • 什么意思?导航栏的左右部分是否仍然响应?
  • 是的,如果您使用百分比作为宽度。例如左右导航栏占 20%,中间导航栏占 60%
  • 整个导航栏类?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-03-04
  • 2014-01-05
  • 2023-01-02
  • 2014-02-22
  • 2023-03-20
  • 2013-11-23
  • 1970-01-01
相关资源
最近更新 更多