当屏幕缩小时,Div不会停留在同一个地方并重新调整大小

时间:2016-03-07 11:54:20

标签: html css html5 twitter-bootstrap css3

大家好我正在使用引导程序和媒体查询来使我的网站移动响应。由于某种原因,它一直在破坏我的设计。我当前正试图让这件事发生:

enter image description here

背后的重要部分是形象。然后在左侧我们有一个带按钮的div,中间的div是花药图像,然后右边的div是一些更小的图像。现在我已经创建了这个设计,但每个人都开始缩小右边的div在中间div下方的div,然后中间div最终在left div之下。这非常奇怪。任何帮助解决这个问题都会很棒。

这里的小提琴示例:Code

我猜它与我的主要Div

有关
.Mainimage {

}

所以我使用boot -rap与冷中2等,然后使用一些媒体查询尝试使其更好,当它成为smsall但它根本不工作,任何帮助将是伟大的。 谢谢

1 个答案:

答案 0 :(得分:1)

只需添加以下css即可。

.Mainimage {
    display: flex;
}

<强> Updated Fiddle