Css Twitter引导导航栏高度太小

Css Twitter引导导航栏高度太小,css,twitter-bootstrap,navbar,Css,Twitter Bootstrap,Navbar,Twitter引导中导航栏的默认高度太小。当高度增加时,它会侵占下面的div。 如何增加向下滑动整个页面的导航栏的高度?如果这是可能的,如何将导航栏链接放置到导航栏的顶部/底部。我很确定我不喜欢这个解决方案,但它在我必须花费的时间内起作用 .navbar .container { height: 2em; } 我还必须在同一个选择器中添加一些填充顶部,以使导航栏中的内容垂直对齐 编辑:我刚刚重读了你的问题,发现你在“下面的div”上有问题。进行此操作时,您还需要调整车身标签上的填充,例如 bo

Twitter引导中导航栏的默认高度太小。当高度增加时,它会侵占下面的div。
如何增加向下滑动整个页面的导航栏的高度?如果这是可能的,如何将导航栏链接放置到导航栏的顶部/底部。

我很确定我不喜欢这个解决方案,但它在我必须花费的时间内起作用

.navbar .container { height: 2em; }
我还必须在同一个选择器中添加一些填充顶部,以使导航栏中的内容垂直对齐

编辑:我刚刚重读了你的问题,发现你在“下面的div”上有问题。进行此操作时,您还需要调整车身标签上的填充,例如

body { padding-top: 6em; }
根据:

粘贴导航栏时,请记住要考虑隐藏区域 在下面将40px或更多的apdding添加到。一定要加上 这是在核心引导CSS之后和可选响应CSS之前 CSS

如果您使用的是响应式的,那么添加这样的填充是不够的 独自创立在这种情况下,当您调整窗口大小时,您将获得一个间隙 在页面顶部和导航栏之间。合适的解决方案如下所示:

资料来源:
你可以试试这个。它可以在任何尺寸的显示器上工作

.navbar .container { min-height: 83px; }


.navbar-fixed-top {
    position:static;
    margin-bottom:20px;
    }

$(“.dropdown toggle”)。单击(函数(){
$(“.nav collapse”).css('height','auto')
});

这解决了我的一个类似问题(子菜单没有出现,因为第一次单击时父ul高度很小),也许它也适用于您。

解决了。在.navbar.nav中更改了高度。nav添加了padding top并给出了一个值将您的结果发布为答案,并通过勾选绿色复选标记来批准该结果,以结束此问题,这样它将在将来帮助其他用户。谢谢。我会爱别人,也许是你,去做。相关答案:
.navbar .container { min-height: 83px; }


.navbar-fixed-top {
    position:static;
    margin-bottom:20px;
    }
</script>

$(".dropdown-toggle").click(function () {
$(".nav-collapse").css('height', 'auto')
});

</script>