Comment tracer des lignes dans ionique

Je suis en train de concevoir quelque chose comme

Comment tracer des lignes dans ionique

C'est ce que j'ai à ce jour:

Comment tracer des lignes dans ionique

Comment puis-je ajouter ces lignes dans ionique?

Ce code est ce que j'ai à ce jour:

Comment puis-je ajouter des CSS pour la conception souhaitée ici>

 <ion-slide>

<div class = "row">
<div class = "col text-center">
<img src="img/icon1.png"></img>
<br>
 Live Outlets </div>
 <div class = "col text-center">
<img src="img/icon2.png"></img> 
<br>
Bills</div>
</div>

<div class = "row">
<div class = "col text-center">
<img src="img/icon3.png"></img> 
<br>
Items Sold </div>
 <div class = "col text-center">
<img src="img/icon4.png"></img>
 <br>
Discount</div>
</div>


<div class = "row">
<div class = "col text-center">
<img src="img/icon5.png"></img>
<br>
Customer </div>
<div class = "col text-center">
<img src="img/icon6.png"></img>
<br>
 Sale</div>
 </div>

</ion-slide>
Si vous avez une nouvelle question, veuillez poser une nouvelle question, plutôt que la modification de celui-ci.

OriginalL'auteur Simran Kaur | 2015-08-27

  1. 5

    Salut, ce code est travaillé pour moi, vérifiez ceci:

    <ion-slide>
    <div class = "row">
<div class = "col col-50">
<img src="img/icon1.png"></img><br>
 Live Outlets 
</div>
 <div class = "col col-50">
<img src="img/icon2.png"></img>
<br> 
Bills
</div>
</div>
<div class = "row">
<div class = "col col-50">
<img src="img/icon3.png"></img> 
<br>
Items Sold </div>
 <div class = "col col-50">
<img src="img/icon4.png"></img>
 <br>
Discount</div>
</div>
<div class = "row">
<div class = "col  col-50">
<img src="img/icon5.png"></img>
<br>
Customer </div>
<div class = "col  col-50">
<img src="img/icon6.png"></img>
<br>
 Sale</div>
 </div>
  </ion-slide>

    et votre style.fichier css ajouter un extra propriété css:

    .col{
border: 1px solid black;
}

    avoir des questions, s'il vous plaît répondre

    OriginalL'auteur Anil kumar