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

Posted 2023-03-06

【中文标题】引导程序中的静态水平导航栏与内容区域重叠

【英文标题】：static horizontal navigation bar in bootstrap overlaps content area

【发布时间】：2014-01-07 13:31:01

【问题描述】：

我是 bootstrap 的新手。我的页面顶部有一个徽标图像（而不是项目名称）和一个水平导航栏。徽标图像在左侧。当浏览器窗口缩小时，导航栏会缩小。 我有两个问题：

(a)下拉菜单（窗口缩小时）与内容区域重叠 （b）菜单位于徽标图像下方。徽标图像约为 160 像素。（我想当窗口尺寸减小时我可能必须减小徽标图像尺寸）。谁能告诉我如何减小图像尺寸或任何其他方法解决这个！！

【问题讨论】：

你能把代码粘贴到 bootply 或 jsfiddle 吗？

Bootstrap 3 Navbar with Logo的可能重复

我尝试了链接..但没有解决ma问题...这是ma导航条码...pastebin.com/507AbyKB

【参考方案1】：

如果逐步减小图像大小可以解决您的问题，那么您可以在 CSS 中使用媒体查询来实现此目的。例如-

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

有关媒体查询的详细说明，请查看http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ 或http://webdesignerwall.com/tutorials/css3-media-queries