Html 标志不'；不适合引导导航栏

我正在尝试将导航中的图像更改为更大的尺寸

然而，通过这样做，导航栏的格式是错误的

我这里有密码：

问题可能是图像位于定位标记中。但不确定。

试试：

.navbar-brand 
{
    padding-top: 0;
}

---

工作：

将此添加到您的样式中：

.navbar-brand
{
    margin: 0;
    padding: 0;
{

.navbar-brand img
{
    max-height: 100%;
}

把你的标志放在容器里

以上代码有效

---

如果您有任何问题，请检查并让我知道

您需要调整导航栏的高度

您可以使用此变量调整高度，它将使导航栏垂直居中，并包括所有必要的填充：

@navbar-height

50px是默认值

如何在常规CSS中调整此值，是更改

.navbar

的

最小高度

和

navbar固定顶部的高度

，然后调整

.navbar nav

的填充

这是顶部的结构（缺少导航栏标题）：

---

示例Bootply:

这是正确的。你有/有

填充：15px 15px。将其更改为
填充：0 15px 15px 15px
会在保留其他填充物的同时只去掉顶部。查看您的解决方案，现在似乎有一个丑陋的1px boarder，后面是20px底部填充物-这是设计的吗？@StevenP这是OP发布的：））当链接的解决方案折叠时，下拉菜单会出现在图像顶部
@navbar-height

    <div class="navbar navbar-default navbar-fixed-top">
            <div class="container">
               <div class="navbar-header">
                <button class="navbar-toggle" data-target=".navbar-responsive-collapse" data-toggle="collapse" type="button">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" rel="home" href="/" title="www.site.nl">                        
                    <img src="//placehold.it/200x51">
                </a>
              </div>