Bootstrap模板问题（移动菜单）

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-response的响应：

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

当我为你的图片添加img-responsive时，这就是你的网站的样子（水平滚动消失了）：