bootstrap-responsive.css 文件很好地将导航栏变成了 iPad 上的下拉菜单。
我的问题是导航栏没有固定在屏幕顶部。相反,它尊重 body 标签上的 padding-top。
问:我是否只需将 padding-top:0 添加到 bootstrap-responsive.css 中?
还是我做错了什么?
bootstrap-responsive.css 文件很好地将导航栏变成了 iPad 上的下拉菜单。
我的问题是导航栏没有固定在屏幕顶部。相反,它尊重 body 标签上的 padding-top。
问:我是否只需将 padding-top:0 添加到 bootstrap-responsive.css 中?
还是我做错了什么?
添加 bootstrap.css、bootstrap-responsive.css 后。将此添加到 css 文件中
body {
padding-top: 60px;
padding-bottom: 40px;
}
@media (max-width: 979px) {
body {
padding-top: 0;
}
您是否在所有其他样式表之后包含 bootstrap-responsive.css ?如果你不是,我建议你这样做,因为我在 Rails 应用程序中遇到过类似的问题。
可能是未设置边距标签,因此回退到默认值(element.style),请尝试设置margin: 0;
。或者,它可能是未设置位置属性,添加'position: fixed; top: 0;'
.
您必须包含 bootstrap.css,然后是您的 css,然后是 bootstrap-responsive.css。