bootstrap divs在移动设备上无法正确堆叠

我有2个问题，如果可能，我希望提供帮助。bootstrap divs在移动设备上无法正确堆叠

我使用bootstrap为我的一个朋友创建了一个响应式网站。我是新手，因为我一直在使用bootstrap，我发现它会根据屏幕大小自动堆叠div（I.E.在移动视图中）。我遇到的问题是，无论出于何种原因，bootstrap会将最后几个div彼此堆叠在一起。我以为我可能忘了关闭标签，但我一直在仔细检查代码，似乎无法找到任何打开的标签。我也删除了我的任何自定义CSS，看看是否导致这个问题，也没有帮助。任何想法家伙？
我还使用backstretch将图像添加到第一个div的背景以及页面上的幻灯片显示，无论出于何种原因它正在调整图像太大而不适合它们所在的容器，在切断的图像中。任何帮助获得正确的格式？

我敢肯定，格式化问题是我错过的东西愚蠢，任何援助将不胜感激！

http://evlands.com/EV.html

那链接到网站。一切都是暂时的，我们正在等待他的一些作品。对网站的任何建议也不胜感激

来源

2016-09-28 rf0421

分享一些代码。该链接需要时间才能打开。 –

与开发人员提到的一样，您正在使用宽度和高度覆盖框架行类。 Bootstrap是为了响应，所以不需要为div设置宽度和高度。 – Dr3am3rz

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

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

低于欲了解更多有关此，请检查此链接on grid and media queries 希望这会有所帮助。

来源

2016-09-28 02:01:38

谢谢你，先生，这样做的工作。愚蠢的错误在我身上。 – rf0421

首先看看，你正在用宽度和高度覆盖框架行类。

尝试并保持行独立，如果您使用行col结构的类使其仅适用于样式和内部div内容。

一旦你开始与内置电网战斗，它可以快速下坡。

来源

2016-09-28 01:41:53 developernator

这是一个很好的开始。不确定是否后退是一个好主意。如果你想要一个旋转木马，我会使用cycle2。 – developernator

https://www.dropbox.com/s/z2r7wphbne5jv4o/ev.zip？dl = 0 – developernator

backstretch并没有给我提出这个问题。我之前试过了cycle2，并没有真正引起我的注意。我会在另一个项目上再试一次。感谢您的建议 – rf0421

没有看到你所有的代码，从你的网站看来，你似乎有一些绝对的div，并没有占用你希望页面调整大小时所需的空间。

如果你想自己解决一些这些事情，而不依赖引导。看看media queries。你可以在特定的屏幕尺寸下指定某些属性

来源

2016-09-28 01:43:54

bootstrap divs在移动设备上无法正确堆叠

回答

相关问题