espero me puedan ayudar, tengo un card group de 3 columnas que se muestran dinámicamente, en el index tengo el div contenedor dentro de la clase donde tiene que aparecer las cards en orden
<div class="row row-cols-1 row-cols-md-3 g-4"> <div id="prueba"></div> </div>
en el div prueba tiene que parecer lo que estoy mostrando por ajax que tiene el contenido de las card que seria lo siguiente
<div class="col">
<div class="card h-100">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
ahora lo que me aparece en pantalla cuando ejecuto todo es una sola columna y una card por fila todas pegadas sin la separación, pero agarro lo que tengo en el div y y lo paso al archivo index removiendo el div y colocando el contenido y ps me sale todo bien, no logro entender por que.
el contenido que quiero mostrar es dinámico con php, o sea muestro 9 cards y cuando llegue al final quiero que me muestre en otro div otras nueve cards y así sucesivamente por eso estoy metiendo el div dentro de de este div
<div class="row row-cols-1 row-cols-md-3 g-4">
para que me vaya mostrando las columnas que quiero a medida que necesite.
espero haber echo la pregunta de manera clara, estoy aquí atengo si necesitan alguna información adicional.
[![en esta imagen esta el resultado que me el div donde estan las cards que vendia siendo el duv que dice prueba][1]][1]
Y en esta otra imagen esta el resultado si coloco todo afuera sin llamarlo en el div que me lo hace sin problema como tiene q ser
[![aca lo hace sin problema ejecutando todo en el index][2]][2]