"Card Bootstrap"
Bootstrap 4.1.1 Snippet by mrjuniorex

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="thumbnail"> <img src="http://tech.firstpost.com/wp-content/uploads/2014/09/Apple_iPhone6_Reuters.jpg" alt="" class="img-responsive"> <div class="caption"> <h4><a href= "#">Esta es una prueba de un post de noticia a publicar en la pagina</a></h4> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class="ratings"> <p> 20 noviembre 2019 <button type="button" class="btn btn-primary"</i> Ver más</button> </p> </div> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <img src="http://tech.firstpost.com/wp-content/uploads/2014/09/Apple_iPhone6_Reuters.jpg" alt="" class="img-responsive"> <div class="caption"> <h4><a href= "#">Esta es una prueba de un post de noticia a publicar en la pagina</a></h4> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class="ratings"> <p> 20 noviembre 2019 <button type="button" class="btn btn-primary"</i> Ver más</button> </p> </div> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <img src="http://tech.firstpost.com/wp-content/uploads/2014/09/Apple_iPhone6_Reuters.jpg" alt="" class="img-responsive"> <div class="caption"> <h4><a href= "#">Esta es una prueba de un post de noticia a publicar en la pagina</a></h4> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class="ratings"> <p> 20 noviembre 2019 <button type="button" class="btn btn-primary"</i> Ver más</button> </p> </div> </div> </div> </div> </div> </div> </div> </div>
.product_view .modal-dialog{max-width: 800px; width: 100%;} .pre-cost{text-decoration: line-through; color: #a5a5a5;} .space-ten{padding: 10px 0;}

Related: See More


Questions / Comments: