Css 在离子框架中根据屏幕大小制作响应网格组件

我想根据Ionic mobile应用程序页面中的屏幕大小制作一个响应网格组件

我使用下面的代码实现了使用引导的网格系统

<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>

但是，在ionic框架中实现这种设计有什么建议或指南吗？

以下是两种方法：

下载带有网格系统和响应实用程序的自定义引导构建。

基于flex display属性的网格系统。

---

flex box网格系统解决了我的问题。我已经设计好了。非常感谢你的回答。