twitter-bootstrap - 动态时 Twitter Bootstrap .navbar-fixed-top 重叠站点

Question

bootstrap 网站说“添加 .navbar-fixed-top 并记住通过在 .navbar-fixed-top 上添加至少 40px 的填充来解决其下方的隐藏区域。确保在核心 Bootstrap CSS 之后和可选的响应式 CSS 之前添加它。”

我这样做了，但是我的导航栏有一个完全动态的文本，并且可能有点大，所以即使我添加了 100 像素的填充，导航栏有时也会与下面的 div 重叠。

有人知道我能做些什么吗？

谢谢，

维尼修斯

Answer 1

由于您的文本是动态的，您也可以设置填充动态吗？如果您的长文本包含在 id 为“description”的 ap 或 div 中，您可以使用：

$('body').css('padding-top',(60+$('#description').height())+"px");

准备好在您的文档中使用这个 jquery。请注意，此解决方案没有响应。