我的bootstrap3.0网站上有一个导航栏几乎完美无缺。在大屏幕上,导航栏固定在顶部。在较小的屏幕上,它仍然固定在顶部,菜单缩小到那个小的"汉堡图标"用于移动屏幕上的下拉菜单。
然而,我似乎无法修复问题。当在狭窄/移动屏幕上查看网站时,引导程序会神奇地将以下内容添加到我的页面中:
<html lang="en" style="padding-top: 59px;">
我已经尝试将html和body margin设置为0并在我的css,bootstrap css中填充为0,甚至作为index.html页面中的样式,但是这个element.style似乎覆盖了它。我还搜索了所有的css文件,59px幻数无处可见,这意味着它是从某个变量中动态计算的。我不太了解bootstrap或css / less以了解如何/为什么 - 这就是为什么我说它是&#34;神奇地&#34;补充说:)
它在哪里计算59px,我怎么能超过这个?
答案 0 :(得分:0)
我不能告诉你它来自哪里,但你可以通过在定义结束时添加!important来重复它。使用样式标记的嵌入样式将优先于其他定义。
.someClass{
padding-top : 0px !important;
}