使用

Question

我正在使用Bootstrap和一个带有navbar-fixed-top类的导航栏。 下面是一个内部有图像的div（屏幕的全宽，高度为400px）。

问题是，由于我的导航栏具有背景颜色，导航栏会进入图像。我尝试在图像上添加一个margin-top：80px，它工作正常，但是当我低于769px x XXXpx时，我的导航栏和我的图像之间出现了一个空格。我知道在调整窗口大小时这个空间来自边缘顶部，但是我可以做什么来将图像设置在导航栏下方而不添加边距顶部以使其正确显示？

我认为这是一个简单的问题所以我没有在我的帖子中添加代码，如果需要，我会。

Answer 1

尝试在

中包装图像的CSS规则

@media (min-width: 768px) {
    your CSS rule for image margin-top: 80px here
}