基於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/