Css 引导中的静态水平导航栏与内容区域重叠

Css 引导中的静态水平导航栏与内容区域重叠,css,twitter-bootstrap,Css,Twitter Bootstrap,我不熟悉引导。我的页面顶部有一个徽标图像(而不是项目名称)和一个水平导航栏。徽标图像位于左侧。当浏览器窗口缩小时,导航栏缩小。 我有两个问题: (a) 下拉菜单(窗口大小减小时)与内容区域重叠 (b) 菜单位于徽标图像下方。徽标图像约为160px。(我想当窗口大小减小时,我可能必须减小徽标图像大小)。有人能告诉我如何减小图像大小或任何其他方法来解决此问题 如果逐步减小图像大小可以解决您的问题,那么您可以在CSS中使用媒体查询来实现这一点。比如说- @media all and (max-widt

我不熟悉引导。我的页面顶部有一个徽标图像(而不是项目名称)和一个水平导航栏。徽标图像位于左侧。当浏览器窗口缩小时,导航栏缩小。 我有两个问题:

(a) 下拉菜单(窗口大小减小时)与内容区域重叠
(b) 菜单位于徽标图像下方。徽标图像约为160px。(我想当窗口大小减小时,我可能必须减小徽标图像大小)。有人能告诉我如何减小图像大小或任何其他方法来解决此问题

如果逐步减小图像大小可以解决您的问题,那么您可以在CSS中使用媒体查询来实现这一点。比如说-

@media all and (max-width: 480px) {
/* Reduce image size */
}

有关媒体查询的详细说明,请选中或

是否可以粘贴代码im bootply或JSFIDLE?可能与我尝试的链接重复..但无法解决ma问题…这是ma导航条形码。。。