Bootstrap模板问题(Mobile中的菜单)

Question

致力于重新创建使用表格构建的客户端旧模板。我正在使用bootstrap，已经有很长一段时间没有使用它了，我有一个关于导航菜单的问题。当您调整它的大小时，它的位置与在桌面上查看它时的位置相差甚远。

有经验的人可以帮助我解决如何使移动菜单排在蓝条，因为它在桌面上查看时的故障。

我确信这是我遗漏的一些简单的东西，我还没有处理过媒体查询，我认为这是我需要开始的地方。

您可以查看模板here。

Answer 1

在仔细查看你的网站后，有两个东西会阻碍引导响应属性:你的图片在正文中，徽标。

将身体中的图像从以下内容更改为：

<img src="http://greenetzconstruction.com/_images/100402_home.jpg" class="intro-pic">

要这样做：

<img src="http://greenetzconstruction.com/_images/100402_home.jpg" class="intro-pic img-responsive">

对于徽标，您可以将其作为导航栏品牌图像添加到栏中。除了bootstrap文档之外，您还可以使用此navbar brand image - stackoverflow question来帮助您完成此任务。

您可能还想在您的徽标中添加类img-responsive：

<img src="./img/dave-greenetz-logo_02.jpg" class="img-responsive">

这是我添加img时你的网站的样子-响应你的图像(水平滚动消失了)：

​

​