css - 在两个 Bootstrap 列中安装两个图像

Question

我正在尝试创建我的第一个 Bootstrap 网站，但我遇到了第一个问题。我的网站结构包括标题中的一行，该行分为几列:一列用于 Logo ，一列用于广告空间。

在这一行下面，还有一个只有一列的，只是某种灰色的容器。

在我的大屏幕上，广告空间看起来不错，但是当开始调整我的浏览器大小时，它变得很奇怪......广告空间位于 Logo 下方和下面一行的下方。

我无法提供 JSFiddle 链接，因为我不知道如何在那里导入 Bootstrap CSS，所以我将在此处向您展示代码和我的一些简单网页的图像。

HTML: http://pastebin.com/N62Ps5MT

少: http://pastebin.com/0F3nzZ33

大型显示器:

---

大。稍微小一点:

---

中等显示:

---

小显示器:

---

我真的很感激一些帮助。我真的很想学习如何通过不同的方法解决 Bootstrap 问题。

谢谢。

Answer 1

1. 您将行嵌套在 col-lg-12 中，似乎没有理由这样做。我不希望这会导致你的问题
2. xs-classes 从不堆叠，您的广告没有响应(可以尝试添加 .img-resposnive)。您的广告图片的宽度可以大于 col-xs-7 的总宽度
3. 您应该应用响应列重置，请参阅:http://getbootstrap.com/css/#grid-responsive-resets