如何移动Bootstrap导航徽标？

Question

我无法在我们的网站上放置公司徽标。它太低而且看起来不对齐。无论如何要移动徽标？或者有没有办法设置徽标，以便导航和图像的顶部和底部之间有相同的空间？

这是JSFiddle链接：Link

<!-- Nav Branding -->   <a class="navbar-brand page-scroll" href="#page-top"><img width="30" height="30" src="http://www.edcodie.com/logo.png"></a>

以下是我所拥有的：

此外，当您向下滚过第二页时，我的导航栏会缩小。有没有办法用导航扩展/缩小徽标？我将JS包含在nav缩小/扩展中。

谢谢！

Answer 1

调整padding-top锚点的navbar-brand属性。

<强> FIDDLE

<强> CSS：

.navbar-brand {
    padding-top: 10px;
}

Answer 2

你可以从这里更改填充顶部。关于nav shrink bootstrap有自己的主题，你可以使用http://startbootstrap.com/template-overviews/grayscale/ 这是教程和下载文件

Answer 3

修复.navbar-brand的填充。