Sección

De enunpimpam
Saltar a: navegación, buscar
Title 1
ubuntu--v1.png
Title 2
ubuntu--v1.png
Title 3
ubuntu--v1.png


<div class="flex-row row">
 <div class="col-xs-12 col-md-6 col-lg-4">
 <div class="panel panel-default">
 <div class="panel-heading">Title 1</div>
 <div class="panel-body">https://img.icons8.com/color/48/000000/ubuntu--v1.png
 </div>
 <div class="panel-footer">Footer text 1</div>
 </div><!-- End of pan -->
 </div><!-- end of col 1-->

 <div class="col-xs-12 col-md-6 col-lg-4">
 <div class="panel panel-default">
 <div class="panel-heading">Title 2</div>
 <div class="panel-body">https://img.icons8.com/color/96/000000/ubuntu--v1.png  
 </div>

 <div class="panel-footer">Footer text 2</div>
 </div><!-- End of pan -->
 </div><!-- End of col 2-->

 <div class="col-xs-12 col-md-6 col-lg-4">
 <div class="panel panel-default">
 <div class="panel-heading">Title 3</div>
 <div class="panel-body">https://img.icons8.com/color/114/000000/ubuntu--v1.png
 </div>
 <div class="panel-footer">Footer text 3</div>
 </div><!-- End of pan -->
 </div><!-- End of col 3-->

 </div><!-- End of row 1-->



Igualar el tamano

Title 1
ubuntu--v1.png
Title 2
ubuntu--v1.png
Title 3
ubuntu--v1.png
<div class="col-xs-12 col-md-6 col-lg-4">
<div class="panel panel-default  style="min-height: 224px;"">
<div class="panel-heading">Title 2</div>
<div class="panel-body"  style="min-height: 144px;">https://img.icons8.com/color/96/000000/ubuntu--v1.png  
</div>