Html 引导：大型居中徽标导航栏

我想让徽标看起来更大，并在导航栏上方居中。任何帮助都将不胜感激

代码如下：

---

请更换此css

#block01g .navbar-brand {
  display: block;
  float: inherit;
  margin: 0 auto;
  padding-bottom: 0;
  padding-right: 0;
  text-align: center;
  width: auto;//you add width for logo
}

---

请替换此css

#block01g .navbar-brand {
  display: block;
  float: inherit;
  margin: 0 auto;
  padding-bottom: 0;
  padding-right: 0;
  text-align: center;
  width: auto;//you add width for logo
}

---

试试这个，我把你的标志放在中间，这是你需要的吗

.navbar-brand {
  display: block;
  float: none;
  font-size: 18px;
  height: auto;
  margin: 0 auto;
}

---

试试这个，我简单地将你的徽标居中，这就是你需要的吗

.navbar-brand {
  display: block;
  float: none;
  font-size: 18px;
  height: auto;
  margin: 0 auto;
}

---

使用

位置：绝对用于
导航栏品牌
。将此添加到css中：

.header_block{
  position:relative;
  padding:0;
  padding-top:45px;
}
.navbar-brand{
  position:absolute;
  top:0;
  left:50%;
  height:70px;
  transform:translate(-50%,0);
}
.navbar-brand img{
  height:100%;
  margin:0 auto;
  display:block;
  margin-bottom:100px;
}

这是一个例子。你已经在身体顶部设置了一些填充物。您可以删除它。这将使您的徽标与顶部对齐。
使用
位置：绝对用于
导航栏品牌
。将此添加到css中：

.header_block{
  position:relative;
  padding:0;
  padding-top:45px;
}
.navbar-brand{
  position:absolute;
  top:0;
  left:50%;
  height:70px;
  transform:translate(-50%,0);
}
.navbar-brand img{
  height:100%;
  margin:0 auto;
  display:block;
  margin-bottom:100px;
}

这是一个例子。你已经在身体顶部设置了一些填充物。您可以删除它。这将使您的徽标与顶部对齐。
答案对您有帮助吗，请提供一些反馈答案对您有帮助吗，请提供一些反馈谢谢。你能告诉我在哪里去掉身体顶部的填充物吗？我用你的风格把它放在中间，但我还是不能把它放大一点。也许当填充被删除时，它会正确显示。对不起，我不明白，你能设置一个当前代码的小提琴吗。这是更新后的小提琴。我所做的更改是从小提琴底部的以下注释开始的。
/*这是编辑开始的地方。*/

更改徽标大小。只需更改

标题块

中的

填充顶部

。现在设置为75px。非常感谢。你能告诉我在哪里去掉身体顶部的填充物吗？我用你的风格把它放在中间，但我还是不能把它放大一点。也许当填充被删除时，它会正确显示。对不起，我不明白，你能设置一个当前代码的小提琴吗。这是更新后的小提琴。我所做的更改是从小提琴底部的以下注释开始的。/*这是编辑开始的地方。*/更改徽标大小。只需更改

标题块

中的

填充顶部

。现在它被设置为75px。