gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 10:36:00 25 4
gpt4 key购买 nike

我的 bootstrap3.0 网站上有一个导航栏,几乎可以完美运行。在大屏幕上,导航栏固定在顶部。在较小的屏幕上,它仍然固定在顶部,菜单缩小为移动屏幕上下拉菜单的小“汉堡图标”。

但是,有一个问题我似乎无法解决。当在窄屏/移动屏幕上查看网站时,bootstrap 神奇地将以下内容添加到我的页面:

<html lang="en" style="padding-top: 59px;">

我曾尝试在我的 css、bootstrap css 中将 html 和 body margin 设置为 0,将 padding 设置为 0,甚至作为 index.html 页面中的样式,但这个 element.style 似乎覆盖了它。我还搜索了我所有的 css 文件,59px 魔数(Magic Number)无处出现,这意味着它是根据某个变量即时计算的。我对 bootstrap 或 css/less 知之甚少,无法弄清楚如何/为什么-这就是为什么我说它是“神奇地”添加的:)

它从哪里计算 59px,我该如何覆盖它?

最佳答案

我无法告诉您它的来源,但您可以通过在定义末尾添加 !important 来使用您自己的样式覆盖它。使用 style 标签的嵌入样式将优先于其他定义。

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

关于css - bootstrap如何计算响应式网页的padding-top element.style?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23327696/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com