Javascript Bootstrap 3.3.4单个图像未显示在768像素以下

除了这一个问题外，我正处于使网站完全响应的最后阶段。我有一个带有背景视频的标题和一个带有

img

元素的div。根据Chrome中的开发者工具，在屏幕分辨率达到小于768像素宽之前，一切都可以很好地扩展，然后

img

设置为可见性：隐藏

我尝试创建一个类并设置

display:inline！重要信息

，使用jQuery提供每种分辨率的不同图像，并尝试各种媒体查询以处理此问题。我还尝试使用另一个图像，这是可见的进一步向下页，以取代所需的图像，但仍然没有骰子。我不知所措，向你们这些好人寻求帮助

该网站是用bootstrap3.3.4和Animate.css（）和WOW.js（）构建的。我也可以提供该网站的URL

这是我的视口元标记：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

以下是标题：

<header id="first">
    <div class="header-content">
        <div class="inner">
            <img src="img/icon_logo.png" id="logo" class="wow flipInX img-responsive col-xs-12" alt="Find and meet friends wherever you roam." />
        </div>
    </div>
    <video autoplay="" loop="" class="fillWidth fadeIn wow collapse in" data-wow-delay="0.5s" poster="https://s3-us-west-2.amazonaws.com/coverr/poster/Traffic-blurred2.jpg" id="video-background">
        <source src="https://s3-us-west-2.amazonaws.com/coverr/mp4/Traffic-blurred2.mp4" type="video/mp4">Your browser does not support the video tag. I suggest you upgrade your browser.
    </video>
</header>

您的浏览器不支持视频标记。我建议你升级你的浏览器。

---

我甚至尝试去掉class属性（包括属性中的每个类），但都没有效果。如果我需要为您包含更多代码，我也可以这样做。任何帮助都将不胜感激！提前谢谢。

我在浏览网站时注意到页面上有图像（在狭义视图中，将链接添加到您的站点。通常在使用wow时，我会尽量避免将效果添加到元素本身，而是将其添加到其包含的元素中，例如div、section、span等。您是否可以发布您正在使用的类的CSS代码。您是否可以创建一个片段、bin或fiddle，以便我们可以实时查看问题？好的，这里是这是一个指向该站点的链接：@partypete25因此，不要将wow应用于

img

元素，而是将其应用于“内部”改为div？或者我应该更进一步，并将其应用到标题中，因为标题中的两个元素都使用它？这是我第一次使用wow，用于手动执行所有这些操作。@Alex这是一个包含在这一部分中使用的各种类的粘贴箱：@MoshFeu链接位于此评论的顶部。谢谢先生们！你们是我的上帝n、 非常感谢！这让我很困惑！我原以为它可能会被压到一个潜水舱下面，但随着能见度的下降，我完全被难住了。这就解决了它。

header .header-content {
    padding: 0em 5em;
    top: 50%;
}