📣 Seu anúncio aqui? Anuncie no ForoBeta

Problema de alinhamento de caixas na seção 'You May Also Like'

  • Autor Autor Morgabe
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Morgabe

Morgabe

Dseda
Programador
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola!! llevo ya buen rato con el diseño este y en la sección de you may also like hay dos cajas con dos productos, deberían salir los dos contenedores en horizontal, pero sale uno debajo de otro.

Están todos los parámetros puestos para que salga bien, no sé que falla, es bootstrap,

Gracias de antemano

Pic Site - Your Premium Multipurpose Bootstrap 4 Theme

feelthegraph.000webhostapp.com feelthegraph.000webhostapp.com
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
Reemplaza el código desde <div class="ymal"> Por este otro:
Inserir CODE, HTML ou PHP: 
<div class="ymal">
  <center>
    <h5 class="price-product">You may also like</h5>
  </center>
</div>
<div class="row">
  <div class="col-md-6 product-div">
    <a class="category-store ui-link" href="category.html">Designs, </a><a class="category-store ui-link"
      href="category.html">Pictures</a><br>
    <a class="pictitle-store ui-link" href="category.html">Pic Title </a>
    <p></p>
    <div class="hovereffect">
      <img src="assets/img/slide/slide5.jpg" class="principal-image-1 principal-image d-block w-100" alt="...">
      <div class="overlay">
        <p class="icon-links">
          <a href="#" class="ui-link">
            <i class="icon-product fas fa-random" aria-hidden="true"></i>
          </a>
          <a href="#" class="ui-link">
            <i class="icon-product far fa-heart" aria-hidden="true"></i>
          </a>
        </p>
      </div>
    </div>

    <div class="row">
      <div class="down-image col-md-6">
        <i style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="far fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><br>
        <span class="title-product-span">$120</span><span class="sub-title-product-span">$200</span>
      </div>
      <div class="down-image col-md-6">
        <button type="button" class="float-right btn btn-add-to-cart ui-btn ui-shadow ui-corner-all">Add to
          cart</button>
      </div>
    </div>
  </div>
  <div class="col-md-6 product-div">
    <a class="category-store ui-link" href="category.html">Designs, </a><a class="category-store ui-link"
      href="category.html">Pictures</a><br>
    <a class="pictitle-store ui-link" href="category.html">Pic Title </a>
    <p></p>
    <div class="hovereffect">
      <img src="assets/img/slide/slide9.jpg" class="principal-image-1 principal-image d-block w-100" alt="...">
      <div class="overlay">
        <p class="icon-links">
          <a href="#" class="ui-link">
            <i class="icon-product fas fa-random" aria-hidden="true"></i>
          </a>
          <a href="#" class="ui-link">
            <i class="icon-product far fa-heart" aria-hidden="true"></i>
          </a>
        </p>
      </div>
    </div>

    <div class="row">
      <div class="down-image col-md-6">
        <i style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="far fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><br>
        <span class="title-product-span">$120</span><span class="sub-title-product-span">$200</span>
      </div>
      <div class="down-image col-md-6">
        <button type="button" class="float-right btn btn-add-to-cart ui-btn ui-shadow ui-corner-all">Add to
          cart</button>
      </div>
    </div>
  </div>
</div>
 
1.webp
 
Você precisa estar logado ou cadastrado para responder aqui.
Voltar
Topo