具有行和容器的 Web 组件网格布局系统？

【问题标题】：Web component grid layout system with rows and containers?具有行和容器的 Web 组件网格布局系统？
【发布时间】：2015-09-06 17:13:49
【问题描述】：

是否有可用作 Web 组件的带有行和容器的网格布局系统？

我想用聚合物建立一个网站，但我想使用一个网格系统，它会在像这样的小屏幕尺寸上折叠： http://www.bootply.com/4CJ9GOYEuH

【问题讨论】：

标签： twitter-bootstrap polymer grid-layout web-component

【解决方案1】：

默认的 flex 布局对我来说已经足够好用于这个确切的目的。看看这个，它应该解释了你需要知道的一切：

http://plnkr.co/edit/xIARqr?p=preview

例如对于您的情况，请使用以下示例：

<div class="horizontal layout">
 <div class="flex-3"><p>flex three</p></div>
 <div class="flex"><p>flex</p></div>
 <div class="flex-2"><p>flex two</p></div>
</div>

【讨论】：