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

Posted 2023-03-05

【中文标题】动态时 Twitter Bootstrap .navbar-fixed-top 重叠站点

【英文标题】：Twitter Bootstrap .navbar-fixed-top overlapping site when dynamic

【发布时间】：2013-05-22 15:08:29

【问题描述】：

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

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

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

谢谢，

维尼修斯

【参考方案1】：

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

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

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