如何移动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>
以下是我有:
此外,当您过去的第二页向下滚动导航栏我缩小。有没有办法用nav扩展/缩小徽标?我将我的JS包含在导航缩小/扩大中。
谢谢!
你可以从这里改变填充顶部。关于导航收缩引导有自己的主题,您可以使用http://startbootstrap.com/template-overviews/grayscale/ 这里是教程和下载文件
我在哪里改变填充顶在哪里?它现在在CSS中设置,但我找不到它。 – 2015-03-13 18:10:03
顺便说一句,我实际上使用该模板。我的导航栏已经扩展和缩小。我问是否有办法让您的徽标随导航栏扩展和缩小。 – 2015-03-13 18:11:33
修复填充.navbar-brand
。
没问题。另外,Bootstrap的CSS文件中的所有CSS都位于Fiddle中?您可以选择在JS Fiddle中使用jQuery 2.1.0,然后选中该框以使用Bootstrap。或者,您也可以通过选择左侧的选项将CDN参考链接添加为外部资源。或者你可以使用Bootply代替。 – MattD 2015-03-13 18:18:14