javascript - 如何移动 Bootstrap 导航 Logo ?

标签 javascript jquery html css twitter-bootstrap

我无法在我们的网站上定位我的公司 Logo 。它太低了,看起来不对齐。反正有没有把标志向上移动?或者有没有办法设置 Logo ,以便导航和图像的顶部和底部之间有相同数量的空间?

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

此外,当您向下滚动到第二页时,我的导航栏会缩小。有没有办法用导航扩大/缩小标志?我包含了用于导航收缩/展开的 JS。

谢谢!

最佳答案

调整 navbar-brand anchor 的 padding-top 属性。

FIDDLE

CSS:

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

关于javascript - 如何移动 Bootstrap 导航 Logo ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29038960/

相关文章:

javascript 正则表达式匹配第二个而不是第一个空格

使用 setInterval 的 javascript 自动刷新不起作用

javascript - 使用 WAMP,MySQL 通过 ajax 调用的 PHP 脚本中的 UPDATE 命令不会更新

php - $result mysql_query() 困难

javascript - 在 Phonegap 应用程序中,如何指示正在向服务器发出请求/响应?

javascript - 为什么这个简单的 JSFiddle 不起作用?

javascript - 如何检查 jQuery 属性是否已在 JavaScript 和 PHP 中设置?

javascript - Window.open 仅在第一次有效,否则为空白页

javascript - jQuery scrollTo 并隐藏一个元素

html - 如何在 div 标签之间留出垂直空间?