I am trying to use ionic resposive grid with breakpoints in ionic 2. col-md-6 and col-sm-6 seem to work but col-md-6 instead results in items taking the entire row.
This is what I have so far:
<ion-row >
<ion-col col-sm-12 col-xl-6 col-md-6 col-lg-6 >
1
<!--<ion-row ion-text>-->
<!--<ion-col col-lg-6 col-sm-12 col-md-6>-->
<!--<strong ion-text >Origin</strong>-->
<!--<ion-item>-->
<!--<ion-input type="text" value=""></ion-input>-->
<!--</ion-item>-->
<!--</ion-col>-->
<!--<ion-col col-lg-6 col-md-6 col-sm-12>-->
<!--<strong ion-text >Special Instructions</strong>-->
<!--<ion-item>-->
<!--<ion-input type="text" value=""></ion-input>-->
<!--</ion-item>-->
<!--</ion-col>-->
<!--</ion-row>-->
<!--<ion-row ion-text ion-text text-wrap>-->
<!--<ion-col col-lg-6 col-sm-12 col-md-6>-->
<!--<strong ion-text >Destination</strong>-->
<!--<ion-item>-->
<!--<ion-input type="text" value=""></ion-input>-->
<!--</ion-item>-->
<!--</ion-col>-->
<!--<ion-col col-lg-6 col-sm-12 col-md-6>-->
<!--<strong ion-text >Special Instructions</strong>-->
<!--<ion-item>-->
<!--<ion-input type="text" value=""></ion-input>-->
<!--</ion-item>-->
<!--</ion-col>-->
<!--</ion-row>-->
</ion-col>
<ion-col col-sm-12 col-xl-6 col-md-6 col-lg-6 >
<ion-card>
<ion-card-content>
<h5 text-center text-capitalize ion-text text-wrap><strong>Load Date</strong></h5>
<p text-center>[date]</p>
<h5 text-center text-capitalize ion-text text-wrap><strong>FrtBill number</strong></h5>
<p text-center>[Order number]</p>
<h5 text-center text-capitalize ion-text text-wrap><strong>Shipper's number</strong></h5>
<button ion-button color="dark" clear no-margin small full>Tap To Add</button>
<h5 text-center text-capitalize ion-tex text-wrapt><strong>Manifest number</strong></h5>
<p text-center>[Manifest number]</p>
<h5 text-center text-capitalize ion-text text-wrap><strong>Freight charges</strong></h5>
<p text-center>[frt Charges]</p>
</ion-card-content>
</ion-card>
</ion-col>
</ion-row>
Created a link in ionic playground but i don’t think it can demonstrate responsive behvaiour