制作垂直响应网格

Question

我正在使用引导程序，如你所知，它是基于水平的12个网格，但是如果你想要这些框的高度与宽度（fit the boxes in length automatically, for instance with some percentage for each div length, like width）一致，那该怎么办。

我尝试了一些像Manson这样的基于Jquery的脚本，但它没有响应（类似于this）。

Answer 1

我建议您检查不同的水平方向网格以及它们如何使用最小宽度和不同的行和comlumn-classes。您应该能够使用min-height和max-height而不是min-宽度和最大宽度和高度而不是宽度。

这取决于你想要达到的目标，这种网格的最佳方法是什么。

Answer 2

如果你无法达到你的确切例子，那就很简单了：
你只需要制作4个盒子，它们都有绝对位置，你给它们宽度和高度50％。

接下来是将元素放在每个角落。要做到这一点，你给每个盒子一个唯一的id 它们可以是＃topLeft，＃topRight，＃bottomLeft，＃bottomRight 然后你只需将css添加到这样的类中：

#topLeft {
top: 0;
left: 0;
}
#topRight {
top: 0;
right: 0;
}