如何移动Bootstrap导航徽标？

我无法在我们的网站上放置公司徽标。它太低，看起来不符合。无论如何要移动标志？或者是否有设置徽标的方法，以便在导航和图像的顶部和底部之间有相同的空间量？如何移动Bootstrap导航徽标？

这里是的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>

以下是我有： Logo needs moved up a bit

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

谢谢！

来源

2015-03-13 Anthony Birone

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

FIDDLE

CSS：

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

来源

2015-03-13 18:11:55 MattD

没问题。另外，Bootstrap的CSS文件中的所有CSS都位于Fiddle中？您可以选择在JS Fiddle中使用jQuery 2.1.0，然后选中该框以使用Bootstrap。或者，您也可以通过选择左侧的选项将CDN参考链接添加为外部资源。或者你可以使用Bootply代替。 – MattD 2015-03-13 18:18:14

你可以从这里改变填充顶部。关于导航收缩引导有自己的主题，您可以使用http://startbootstrap.com/template-overviews/grayscale/ 这里是教程和下载文件

来源

2015-03-13 18:08:06 Kumar

我在哪里改变填充顶在哪里？它现在在CSS中设置，但我找不到它。 – 2015-03-13 18:10:03

顺便说一句，我实际上使用该模板。我的导航栏已经扩展和缩小。我问是否有办法让您的徽标随导航栏扩展和缩小。 – 2015-03-13 18:11:33

修复填充.navbar-brand。

来源

2015-03-13 18:09:38 aahhaa

如何移动Bootstrap导航徽标？

回答

相关问题