在 Ionic 框架中根据屏幕大小制作响应式网格组件答案

【问题标题】：To make a responsive grid component based on screen size in an Ionic Framework在 Ionic 框架中根据屏幕大小制作响应式网格组件
【发布时间】：2015-12-28 08:12:51
【问题描述】：

我想在 Ionic 移动应用程序页面中根据屏幕尺寸制作一个响应式网格组件。

我用下面的代码通过Bootstrap实现了网格系统。

<div class="row">
  <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
  <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
  <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
  <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
</div>

但是有什么建议或指导可以在离子框架中实现这种设计吗？

【问题讨论】：

标签： css responsive-design ionic-framework ionic

【解决方案1】：

这里有两种方法：

使用 Grid 系统和响应式实用程序下载自定义引导构建。
http://getbootstrap.com/customize/?id=11477931

基于弹性显示属性的网格系统。
http://flexboxgrid.com/

【讨论】：

弹性盒子网格系统解决了我的问题。我已经设计好了。非常感谢您的回答。