在Ionic Framework中根据屏幕大小制作响应式网格组件

Question

我想在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>

但在离子骨架中是否有任何建议或指导来实现这一设计？

Answer 1

以下是两种方式：

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

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