在聚合物中的响应等效？

Question

在Bootstrap中我有这个：

<div class="col-xs-12 col-sm-6 col-lg-8"></div>

但在聚合物中我只发现了这个：

<div class="flex-12"></div>

但div未改变位置与聚合物保持在同一水平线上。

根据屏幕尺寸需要改变其位置的类型或属性？

Answer 1

您的问题与此问题类似：Polymer 1.0 - Responsive columns

作者在那里找到了她的解决方案：How to control number of items per row using media queries in Flexbox?

基本上你需要编写更多的css，但解决方法是在代码中添加@include max-width，然后根据宽度更改flex-basis。