元素的动态调整大小和内嵌显示

我一直在试图分析过去几个小时内如何完成这些工作，但却无法让它工作。元素的动态调整大小和内嵌显示

如果你去那里，看看文本“CLEAN DESIGN &强大的功能”下的4盒。如果您调整浏览器窗口的大小，您会注意到框将并排放置，然后如果您更小，它们将全部放在另一个的下面。整个网站就是这样的;一切似乎根据窗口的大小完全调整大小。

HELL是如何完成的？我已经尝试过很多CSS风格，这让我很难过。

谢谢！

它的默认值。因为为响应式布局添加了媒体查询。例如：中等宽度为50％，较小布局为100％，因此这些块在桌面2上中间调整4，在较小屏幕上调整4 – Kumar

由于库马尔说，它通过媒体querys完成。你可以脱掉响应式css类或用'！important'覆盖它。

2015-10-12 06:09:59

哦......是的，我明白你们的意思了。谢谢！ – Sugarkryptonite

这是Bootstrap魔法。您可以配置每个元素以保持静止，向右或向左等等。最后，您可以根据窗口的大小和所做的配置自动重新组织布局。 Bootstrap的机制部分在JS中。

令人惊讶的是，不是吗？

但是，等等。将会有一段时间你会真的被魔法激怒。

随着@media规则和CSS3的可能性，你可以设法重现Boostrap功能，以便用火杀死魔法！

2015-10-12 06:14:31

嘿谢谢！是的，它确实显示这些布局使用与Bootstrap类似（或相同）的东西。他们是Wordpress模板，显然Wordpress已经构建了它。我现在使用@media代码来处理它。再次感谢，伙计们。 – Sugarkryptonite

事实上，我直接检查了Bootstrap库的页面源代码并找到它们。所以我第一次猜测他们使用它:) –

@Sugarkryptonite请选择一个答案来标记此问题已解决。 –

回答