Question

我有一个CodePen，我正在使用Bootstrap在一个赌场网站的模拟移动版本上工作。可见性等级正在发挥作用，只有在小屏幕或超小屏幕上才能显示。

导航栏中有一个徽标，我似乎无法集中注意力＃34;正确＆＃34;。我需要使用徽标来考虑条的整个宽度，而不仅仅是整个宽度减去切换区域。

这是我的整页CodePen

这是一个casino website that is actually implementing what I speak of，我无法看到他们是如何做到的。我在这里发现了一个问题，看起来很接近我想要的东西＆＃34; Located Here＆＃34;。它建议用与这个CSS相对应的DIV包装代码（但它仍然没有用）：

.nav-center {
    margin:0;
    float:none;
}

.navbar-inner{
    text-align:center;
}

Answer 1

将width: 100vw或width: 100%添加到.navbar-header

Answer 2

好的我明白了。花了一些时间，但我补充说......

.navbar-brand img {
  width: 197px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 0px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}

这对所有事情都进行了整理。我也申请了我的CodePen。

在Bootstrap 3导航中居中徽标

2 个答案: