<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-xs-4 item-photo"> <img style="max-width:90%;" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRLlCi9zTa8vZxh0Q1VvhZosftH5R-rdorOIeMQAQJQc_okR0Mmwg" /> </div> <div class="col-xs-8" style="border:0px solid gray"> <!-- Datos del vendedor y titulo del producto --> <h5 style="color:#337ab7">Centro Medico San Francisco</h5> <small style="color:#2E2E2E">(5054 ventas)</small> <small style="color:#2E2E2E">(5054 ventas)</small> <!-- Precios --> <h6 class="title-price"><small>PRECIO OFERTA</small></h6> <!-- Detalles especificos del producto --> <div class="section"> <div> <div class="col-xs-10"> <h6 class="title-price"><small>PRECIO OFERTA</small></h6> </div> <div class="col-xs-1"> <a href="#"> <span class="glyphicon glyphicon-earphone"></span> </a> </div> <div class="col-xs-1 "> <a href="#"> <span class="glyphicon glyphicon-map-marker"></span> </a> </div> </div> </div> </div> <div class="col-xs-12"> <p style="padding:2px;"> <div style="width:100%;border-top:1px solid green"> </div> </div> </div> </div>

ul > li{margin-right:25px;font-weight:lighter;cursor:pointer} .item-photo{display:flex;justify-content:center;align-items:center;border-right:1px solid #f6f6f6;} .section{width:100%;margin-left:0px;padding:2px;padding-left:0px;padding-right:0px;background:#fff;margin-top:10px} .title-price{margin-top:3px;margin-bottom:0;color:black} .title-attr{margin-top:0;margin-bottom:0;color:black;} .attr{cursor:pointer;margin-right:5px;height:20px;font-size:10px;padding:2px;border:1px solid gray;border-radius:2px;} @media (max-width: 426px) { .container {margin-top:0px !important;} .container > .row{padding:0 !important;} .container > .row > .col-xs-12.col-sm-5{ padding-right:0 ; } .container > .row > .col-xs-12.col-sm-9 > div > p{ padding-left:0 !important; padding-right:0 !important; } .container > .row > .col-xs-12.col-sm-9 > div > ul{ padding-left:4px !important; } .section{width:100%;} }