Jquery 引导div在移动设备中未正确堆叠

如果可能的话，我有两个问题需要帮助

我正在使用bootstrap为我的一个朋友创建一个响应迅速的网站。我对这一切都不熟悉，因为我一直在使用bootstrap，我看到它会根据屏幕大小（即在移动视图中）自动堆叠div。我遇到的问题是，无论出于什么原因，bootstrap都会将最后两个div叠加在一起。我想我可能忘了关闭一个标记，但我一直在仔细检查代码，似乎找不到任何打开的标记。我还删除了我的任何自定义CSS，看看这是否导致了问题，这也没有帮助。有什么想法吗，伙计们

我还使用backstretch将图像添加到第一个div的背景中，以及页面上的幻灯片，无论出于何种原因，它都会将图像的大小调整得太大，无法容纳它们所在的容器，从而导致图像被截断。在正确格式化这方面有什么帮助吗

我确信格式问题是我错过的愚蠢的事情，任何帮助都将不胜感激

---

这是该网站的链接。一切都是试探性的，我们正在等待他的一些作品。对该站点的任何建议都将受到欢迎

乍一看，您正在用宽度和高度覆盖框架行类

尝试保持行独立，如果您确实对行-列结构使用类，则仅将其用于样式设置和内部div内容

---

一旦你开始使用内置的网格，它就可以快速下降。

乍看之下，你正在用宽度和高度覆盖框架行类

尝试保持行独立，如果您确实对行-列结构使用类，则仅将其用于样式设置和内部div内容

---

一旦你开始与内置网格抗争，它就会迅速下滑。

看不到你所有的代码，从你的网站上判断，看起来你有一些绝对div，它们不会占用你希望在页面调整大小时占用的空间

---

如果你想自己解决这些问题而不依赖于引导。调查您可以在特定屏幕大小下指定特定属性，而不必查看所有代码，从您的站点判断，您的一些绝对div似乎没有占用页面调整大小时希望占用的空间

---

如果你想自己解决这些问题而不依赖于引导。调查您可以在特定屏幕大小下指定特定属性。我查看了页面的视图源，发现您在div-example class=“col-md-4”中有用于md size的col类，这仅适用于中等大小的设备。如果使浏览器尺寸变小，则还需要在div中为小尺寸设备添加类。示例类“col-md-4 col-sm-4 col-xs-4”-您需要决定其他设备的列大小-小屏幕和x-small，这样当您将页面变小时，将使用col-sm-4/col-xs-4-参见下面的示例

<div class="col-md-4 col-sm-4 col-xs-4">          
  <p></p>
</div>

有关此的更多信息，请查看此链接

---

希望这能有所帮助。

我查看了页面的视图源，我看到的是，您在div-example class=“col-md-4”中有用于md size的col类，这只适用于中等大小的设备。如果使浏览器尺寸变小，则还需要在div中为小尺寸设备添加类。示例类“col-md-4 col-sm-4 col-xs-4”-您需要决定其他设备的列大小-小屏幕和x-small，这样当您将页面变小时，将使用col-sm-4/col-xs-4-参见下面的示例

<div class="col-md-4 col-sm-4 col-xs-4">          
  <p></p>
</div>

有关此的更多信息，请查看此链接

---

希望这有帮助。

分享一些代码。打开链接需要时间。正如developermator所提到的，您正在用宽度和高度覆盖框架行类。引导用于响应，因此无需为divs设置宽度和高度。共享一些代码。打开链接需要时间。正如developermator所提到的，您正在用宽度和高度覆盖框架行类。引导是为了响应，所以不需要为div设置宽度和高度。这是一个好的开始。不确定后拉伸是否是个好主意。如果你想要旋转木马，我会使用cycle2。除此之外，backstretch没有给我任何问题1。我以前试过cycle2，但没有真正引起我的注意。我会在另一个项目上再试一次。谢谢你的建议我不喜欢的是所有的图像都是通过js加载的，初始图像应该在自己的负载上或者使用css来防止和延迟加载在折叠图像下面以减少/消除FOUC。这是一个好的开始。不确定后拉伸是否是个好主意。如果你想要旋转木马，我会使用cycle2。除此之外，backstretch没有给我任何问题1。我以前试过cycle2，但没有真正引起我的注意。我会在另一个项目上再试一次。谢谢你的建议我不喜欢的是所有的图像都是通过js加载的，初始图像应该在它自己的负载上或者使用css来防止和延迟加载下面的折叠图像以减少/消除FOUC。谢谢你，先生，这完成了任务。我犯了一个愚蠢的错误。谢谢你，先生。我做到了。我犯了愚蠢的错误。