bootstrap如何为响应式网页计算padding-top element.style?

时间:2014-04-27 19:05:28

标签: css twitter-bootstrap

我的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,我怎么能超过这个?

1 个答案:

答案 0 :(得分:0)

我不能告诉你它来自哪里,但你可以通过在定义结束时添加!important来重复它。使用样式标记的嵌入样式将优先于其他定义。

.someClass{
   padding-top : 0px !important;
}